THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML <input> disabled Attribute

HTML <input> tag

Example

An HTML form with a disabled input field:

<form action="/action_page.php">
  <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" disabled><br><br>
  <input type="submit" value="Submit">
</form>
Try it Yourself »

Definition and Usage

The disabled attribute is a boolean attribute.

When present, it specifies that the <input> element should be disabled.

A disabled input element is unusable and un-clickable.

The disabled attribute can be set to keep a user from using the <input> element until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript could remove the disabled value, and make the <input> element usable.

Tip: Disabled <input> elements in a form will not be submitted!


Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Attribute
disabled Yes Yes Yes Yes Yes

Syntax

<input disabled>

❮ HTML <input> tag