The value Attribute

The value attribute specifies an initial value for an input field:

<input type="text" id="fname" name="fname" value="John">

The readonly Attribute

The readonly attribute specifies that an input field is read-only.

A read-only input field cannot be modified (however, a user can tab to it, highlight it, and copy the text from it).

The value of a read-only input field will be sent when submitting the form!

<input type="text" id="fname" name="fname" value="John" readonly>

The disabled attribute specifies that an input field should be disabled.

A disabled input field is unusable and un-clickable.

The value of a disabled input field will not be sent when submitting the form!

<input type="text" id="fname" name="fname" value="John" disabled>

The size attribute specifies the visible width (in characters) of an input field.

The default value for size is 20.

<input type="text" id="fname" name="fname" size="50">

The maxlength attribute specifies the maximum number of characters allowed in an input field.

<input type="text" id="fname" name="fname" maxlength="10">