HTML disabled Attribute

Example

<button type="button" disabled>Click Me!</button>

Try this code ❯

Meaning

This Boolean attribute disables the <button>, <fieldset>, <input>, <optgroup>, <option>, <select> and <textarea>.

Standard Syntax

HTML: <element disabled>

XHTML: <element disabled="disabled">

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>

Try this code ❯

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">

Try this code ❯

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>

Try this code ❯

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>

Try this code ❯

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>

Try this code ❯

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>

Try this code ❯