Disabling an input field in a form and sending data

Sometimes we need to fill an input field and disable it from the user editing. You can use the disabled attribute but when you submit the form that field will not be sent.

Then the solution is to use the readonly attribute:

<input readonly="readonly" type="text" />

readonly attribute disables the field but will not prevent it to be sent.