Answers for "readonly and disable attribute"

js remove readonly attribute

document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').removeAttribute('readonly');
};

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).