Disabled Text Boxes

The disabled attributes create text boxes that the user cannot edit.

 
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
      <form method="post" action="http://yourServer/form">
            <p>
                  <label for="name"> Name: <input value="Adam" disabled
                        id="name" name="name" />
                  </label>
            </p>
            <p>
                  <label for="city"> City: <input value="Boston" readonly
                        id="city" name="city" />
                  </label>
            </p>
            <p>
                  <label for="fave"> Survey: <input id="fave" name="fave" />
                  </label>
            </p>
            <button type="submit">Submit Vote</button>
      </form>
</body>
</html>

Click to view this demo.

Home
HTML CSS Book
HTML

input:

<input> element
input element max size
input text field size
input text field initial value
input text field placeholders(gray text)
Using a Data List
Read-Only input text field
Disabled Text Boxes
input element for password input
Using the input Element to Create Buttons