HTML Readonly Attribute

The readonly attribute specifies that an input field is read-only (not editable).

Syntax:

<input readonly="readonly" />

The attribute is added to the <input> element to make it read-only. The value of the readonly attribute is set to "readonly".

Example:

<input type="text" readonly="readonly" value="This input field is read-only." />

In the above example

the <input> element with the type set to "text" is made read-only using the readonly attribute. The value attribute is used to set the initial value of the input field.

When a form is submitted

the data in a read-only input field is sent to the server

just like any other input field. However

since the field is read-only

the user cannot modify the value before submitting the form.

If you want to prevent the data in the input field from being sent to the server

you can use the disabled attribute instead. The disabled attribute also makes the input field uneditable

but it does not submit the data when the form is submitted.

Note: The readonly attribute is only valid for the <input> element and its variations (e.g.

<input type="text">

<input type="password">

etc.).