Home > Web Front-end > JS Tutorial > Introduction to the difference between readonly and disabled in input in javascript_form effects

Introduction to the difference between readonly and disabled in input in javascript_form effects

WBOY
Release: 2016-05-16 17:49:00
Original
1244 people have browsed it

Readonly and Disabled are two attributes used in forms. They both prevent users from changing the content of form fields. But there are slight 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, button, etc. . However, after the form element is disabled, when we submit the form by POST or GET, the value of this element will not be passed out, and readonly will pass the value out (this situation occurs when we submit a certain The textarea element in the form is set to disabled or readonly, but the submit button can be used).

Example

Copy code The code is as follows:

body>



< input type="submit" name="Submit" value="Submit" />



js control code

Copy code The code is as follows:










Example

Copy code The code is as follows:





Untitled Document









< /html>


Attribute value description disabled disabled

Disable this element when the input element is first loaded, so that the user cannot write text in it, or select it.
Note: Cannot be used with type="hidden".

readonly readonly
indicates that the value of this field cannot be modified.
Note: Only works with type="text".

Summary

readonly code:
readonly is not editable, Can be copied, selectable, can receive focus but cannot be modified, and the passed value will be received in the background.
disabled code:
disabled cannot be edited, copied, selected, cannot receive focus, and the value will not be received in the background.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template