What is the correct readonly attribute syntax for input text elements?

by

HTML5 spec:

http://www.w3.org/TR/html5/forms.html#attr-input-readonly :

The readonly 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:

<input type="text" readonly />
<input type="text" readonly="" />
<input type="text" readonly="readonly" />
<input type="text" readonly="ReAdOnLy" />

The following are invalid:

<input type="text" readonly="0" />
<input type="text" readonly="1" />
<input type="text" readonly="false" />
<input type="text" readonly="true" />

The absence of the attribute is the only valid syntax for false:

<input type="text"/>

Recommendation

If you care about writing valid XHTML, use readonly="readonly", since <input readonly> is invalid and other alternatives are less readable. Else, just use <input readonly> as it is shorter.

More Related Contents:

  1. Form inside a table
  2. What is the default form HTTP method?
  3. using href links inside tag
  4. How do you overcome the HTML form nesting limitation?
  5. How do I change the color of radio buttons?
  6. How to get HTML 5 input type=”date” working in Firefox and/or IE 10
  7. How to call servlet class from HTML form
  8. Setting the character encoding in form submit for Internet Explorer
  9. Make page to tell browser not to cache/preserve input values
  10. Why can’t radio buttons be “readonly”?
  11. Tri-state Check box in HTML?
  12. Can you have multiline HTML5 placeholder text in a ?
  13. Form inside a form, is that alright? [duplicate]
  14. How can I submit a POST form using the tag?
  15. HTML5 validation when the input type is not “submit”
  16. Use Fieldset Legend with bootstrap
  17. Inline Form nested within Horizontal Form in Bootstrap 3
  18. Which elements support the ::before and ::after pseudo-elements?
  19. Node.js – How to send data from html to express
  20. How do I style the HTML form validation error messages with CSS?
  21. Set a form’s action attribute when submitting?
  22. What happens if the action field in a has parameters?
  23. Html.BeginForm() with an absolute URL?
  24. Using rvest or httr to log in to non-standard forms on a webpage
  25. Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?
  26. How to remove x and y on submit in HTML form with Image type button?
  27. Is it safe to use anchor to submit form?
  28. Symfony Forms: HTML5 datalist
  29. button image as form input submit button?
  30. Can I nest form tags in other form tags?

Leave a Comment