The difference between readonly and disabled in input in javascript is often used in development. Using js to dynamically change the attributes of input Readonly and Disabled are two attributes used in the form, they both prevent users from modifying the content in the form field. However, there are minor differences between them, which are summarized as follows:
Readonly is only valid for input (text/password) and textarea, while disabled is valid for all form elements, including select, radio, checkbox, And button. However, after a form element is disabled, when we submit the form in POST or GET mode, the value of this element will not be passed out, readonly will pass this value out (this occurs when we set the textarea element in a form to disabled or readonly, but the submit button is usable ).
Example
The Code is as follows:
Body>
Js control code
The Code is as follows: