The value attribute of the input specifies an initial value for the input field.
Example
Input fields preconfigured with default values:
| <form> <label for=”fname”>First name:</label><br> <input type=”text” id=”fname” name=”fname” value=”John”><br> <label for=”lname”>Last name:</label><br> <input type=”text” id=”lname” name=”lname” value=”Doe”> </form> |
The readonly attribute makes an input field uneditable by the user, though its value is still included in form submissions.
Example
An input field set to read-only:
| <form> <label for=”fname”>First name:</label><br> <input type=”text” id=”fname” name=”fname” value=”John” readonly><br> <label for=”lname”>Last name:</label><br> <input type=”text” id=”lname” name=”lname” value=”Doe”> </form> |
The disabled attribute makes an input field non-interactive, and its value is excluded from form submission.
Example
An input field that is disabled:
| <form> <label for=”fname”>First name:</label><br> <input type=”text” id=”fname” name=”fname” value=”John” disabled><br> <label for=”lname”>Last name:</label><br> <input type=”text” id=”lname” name=”lname” value=”Doe”> </form> |