JavaScript Input Readonly And Input Disabled

Miles Traveled

Minutes Traveled

Your Miles Per Hour

JavaScript Input Readonly And Input Disabled

This is a demonstration of the JavaScript input modifier "readonly" in the second input statement and the modifier "disabled" in the last input statement. Neither is in the first input statement. Readonly does not allow the value of the field to be changed, erased or "Cut or Copy and Pasted", while a normal input statement allows those options. Disabled allows modification but it is a "low lighted" field to indicate it is different. The disabled attribute can be set to keep a user from using an input field until some other condition has been met such as selecting a checkbox or a drop down. Subsequently, a JavaScript action of some type is required to remove the disabled value and make the input usable. The disabled attribute will not work with the input set to type="hidden". View the source.