How to add HTML <input> disabled Attribute
An HTML form with a disabled input field:
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.
Syntax
<input disabled>
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The input disabled attribute</h1>
<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>
</body>
</html>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |