What is the correct value for the disabled attribute

Question

What is the correct value for the disabled attribute for a textbox or textarea   I ve seen the following used before    lt input type  text  disabled   gt   lt input type  text  disabled  disabled    gt   lt input type  text  disabled  true    gt

User · Answer

I just tried all of these  and for IE11  the only thing that seems to work is disabled  true   Values of disabled or no value given didnt work  As a matter of fact  the jsp got an error that equal is required for all fields  so I had to specify disabled  true  for this to work

User · Answer

For XHTML   lt input type  text  disabled  disabled    gt  is the valid markup  For HTML5   lt input type  text  disabled   gt  is valid and used by W3C on their samples  In fact  both ways works on all major browsers

User · Answer

In HTML5  there is no correct value  all the major browsers do not really care what the attribute is  they are just checking if the attribute exists so the element is disabled

User · Answer

HTML5 spec  http   www w3 org TR html5 forms html enabling-and-disabling-form-controls -the-disabled-attribute    The checked content attribute is a boolean attribute  http   www w3 org TR html5 infrastructure html boolean-attributes    The presence of a boolean attribute on an element represents the true value  and the absence of the attribute represents the false value  If the attribute is present  its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute s canonical name  with no leading or trailing whitespace   Conclusion  The following are valid  equivalent and true   lt input type  quot text quot  disabled   gt   lt input type  quot text quot  disabled  quot  quot    gt   lt input type  quot text quot  disabled  quot disabled quot    gt   lt input type  quot text quot  disabled  quot DiSaBlEd quot    gt   The following are invalid   lt input type  quot text quot  disabled  quot 0 quot    gt   lt input type  quot text quot  disabled  quot 1 quot    gt   lt input type  quot text quot  disabled  quot false quot    gt   lt input type  quot text quot  disabled  quot true quot    gt   The absence of the attribute is the only valid syntax for false   lt input type  quot text quot    gt   Recommendation If you care about writing valid XHTML  use disabled  quot disabled quot   since  lt input disabled gt  is invalid and other alternatives are less readable  Else  just use  lt input disabled gt  as it is shorter

User · Answer

From MDN by setAttribute     To set the value of a Boolean attribute  such as disabled  you can specify any value  An empty string or the name of the attribute are recommended values  All that matters is that if the attribute is present at all  regardless of its actual value  its value is considered to be true  The absence of the attribute means its value is false  By setting the value of the disabled attribute to the empty string   quot  quot    we are setting disabled to true  which results in the button being disabled   Link to MDN Solution  I mean that in XHTML Strict is right disabled  quot disabled quot   and in HTML5 is only disabled  like  lt input name  quot myinput quot  disabled gt  In javascript  I set the value to true via e disabled   true or to  quot  quot  via setAttribute   quot disabled quot    quot  quot      Test in Chrome var f   document querySelectorAll   quot label disabled input quot     for  var i   0  i  lt  f length  i              Reference     var e   f  i            Actions     e setAttribute   quot disabled quot   false null undefined  quot  quot  0  quot disabled quot                     lt input disabled  quot false quot   quot null quot   quot undefined quot  empty  quot 0 quot   quot disabled quot  gt          e getAttribute   quot disabled quot         quot false quot   quot null quot   quot undefined quot   quot  quot   quot 0 quot   quot disabled quot          e disabled     true                 e removeAttribute   quot disabled quot                     lt input gt          e getAttribute   quot disabled quot        null         e disabled     false             e disabled   false null undefined  quot  quot  0                  lt input gt          e getAttribute   quot disabled quot        null null null null null         e disabled     false             e disabled   true  quot   quot   quot disabled quot  1                  lt input disabled gt          e getAttribute   quot disabled quot         quot  quot   quot  quot   quot  quot   quot  quot          e disabled     true

[html] What is the correct value for the disabled attribute?

Examples related to html

Examples related to textbox

Examples related to textarea