html readonly vs disabled code example

Example 1: readonly vs disabled

- Readonly element is just not editable, but gets sent when the according form submits.
- Readonly elements can be focused (and getting focused when "tabbing" through a form).

- Disabled element isn't editable and isn't sent on submit.
- Disabled elements can't be focused (and getting focused when "tabbing" through a form).

Example 2: readonly attribute in html by javascript

document.getElementById("yourID").readOnly = true;