Home / Software / Tips and Tricks / How to disable the HTML input element?

How to disable the HTML input element?

Updated:  12/04/2012 13:12 PM
Author:  Shiju Mathews

Status:    Resolved.


The disabled attributes of the html element can br used to disable the control.


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.

Note: The disabled attribute will not work with <input type="hidden">.