What is the difference between disabled and readonly

Gray out or emboss text Internet Explorer 5. Disabled form elements do not receive focus. Disabled form elements are skipped in tabbing navigation. The Read Only Attribute Not all form elements have a readonly attribute. This can be a problem… see below. Form elements with the readonly attribute set will get passed to the form processor. Read only form elements can receive the focus Read only form elements are included in tabbed navigation.

No events get triggered when the element is having disabled attribute. None of the below will get triggered. Hrishabh Gupta Hrishabh Gupta. Michael Irigoyen Michael Irigoyen. The Boolean readonly attribute, when present, makes the element not mutable, meaning the user can not edit the control.

If the readonly attribute is specified on an input element, because the user can not edit the input, the element does not participate in constraint validation. If present on any of these input types and elements, the :read-only pseudo class will match. If the attribute is not included, the :read-write pseudo class will match. It is also not supported on hidden as it can not be expected that a user to fill out a form that is hidden. Nor is it supported on any of the button types, including image.

Need Help? Our Support Team is here to help. Ask Question. The ReadOnly and Disabled attributes though work in same manner i. ReadOnly Attribute. The ReadOnly attribute as the name suggests makes the element ReadOnly i. Focus can be set in ReadOnly element. ReadOnly elements are focused during TAB navigation.

Appears as normal element in Browser. The Disabled attribute as the name suggests makes the element Disabled i. All elements can be set as Disabled.