Read more

HTML5: disabled vs. readonly form fields

Natalie Zeumann
February 08, 2018Software engineer at makandra GmbH

Form fields can be rendered as noneditable by setting the disabled or the readonly attribute. Be aware of the differences:

disabled fields

  • don’t post to the server
  • don’t get focus
  • are skipped while tab navigation
  • available for button, fieldset, input, select, textarea, command, keygen, optgroup, option
Illustration UI/UX Design

UI/UX Design by makandra brand

We make sure that your target audience has the best possible experience with your digital product. You get:

  • Design tailored to your audience
  • Proven processes customized to your needs
  • An expert team of experienced designers
Read more Show archive.org snapshot

Browser specific behavior:

readonly fields

  • post to the server
  • get focus
  • are included while tab navigation
  • only available for input[type=text], textarea
Posted by Natalie Zeumann to makandra dev (2018-02-08 10:25)