HTML disabled Attribute
Example
<button type="button" disabled>Click Me!</button>
Meaning
This Boolean attribute disables the <button>, <fieldset>, <input>, <optgroup>, <option>, <select> and <textarea>.
Standard Syntax
HTML: <element disabled>
XHTML: <element disabled="disabled">
Browser Support
Status
Applies to:
The disabled attribute can be used on the following element:
Element | Attribute |
---|---|
<button> | disabled |
<fieldset> | disabled |
<input> | disabled |
<optgroup> | disabled |
<option> | disabled |
<select> | disabled |
<textarea> | disabled |
Attribute Values
Value | Description |
---|---|
disabled | This is a boolean attribute, the presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value. |
More Examples
Example
<form action="action.html">
<fieldset disabled>
<legend>User Information:</legend>
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</fieldset>
</form>
Example
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname" disabled><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
Example
<select>
<optgroup label="Group 1">
<option>Option 1.1</option>
</optgroup>
<optgroup label="Group 2">
<option>Option 2.1</option>
<option>Option 2.2</option>
</optgroup>
<optgroup label="Group 3" disabled>
<option>Option 3.1</option>
<option>Option 3.2</option>
<option>Option 3.3</option>
</optgroup>
</select>
Example
<select>
<optgroup label="Group 1">
<option>Option 1.1</option>
</optgroup>
<optgroup label="Group 2">
<option>Option 2.1</option>
<option>Option 2.2</option>
</optgroup>
<optgroup label="Group 3" disabled>
<option>Option 3.1</option>
<option>Option 3.2</option>
<option>Option 3.3</option>
</optgroup>
</select>
Example
<label for="lang">Choose your option:</label>
<select name="language" id="lang" disabled>
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JavaScript</option>
</select>
Example
<form action="action.php">
<label for="demo">textarea demo:</label>
<textarea disabled id="demo" name="textareaText">
Hello world!
</textarea>
<br><br>
<input type="submit" value="Submit">
</form>