Let Wufoo do the hard work. Sign up for a free account and start making forms the easy way.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input type="text" value="can't touch this" readonly> | |
| <textarea readonly>You can't change this… or can you?</textarea> | |
Live Demo
 | | | | | | |
The Low Down
The readonly attribute makes a form control non-editable (or “read only”).
- A read-only field can’t be modified, but, unlike
disabled, you can tab into it, highlight it, and copy its contents. - Setting the value to null does not remove the effects of the attribute. Instead use
removeAttribute('readonly'). - You can target elements that are read only with the
:read-onlypseudo-class, and its writability with the:read-writepseudo-class. Or, if you want to specifically target the presence of the attribute, you can useinput[readonly]andinput:not([readonly]). readonlyis only relevant for typetext, search, url, tel, email, number, password, and the date/time input types. It is also valid on<textarea>readonlyis ignored for typehidden, range, color, checkbox, radio, file, button, submitandimage.
