YouTipHTML DOM Input Email readOnly Property
-- Learning is not just about technology, but also about dreams!
- Home
- HTML
- JavaScript
- CSS
- Vue
- React
- Python3
- Java
- C
- C++
- C#
- AI
- Go
- SQL
- Linux
- VS Code
- Bootstrap
- Git
- Local Bookmarks
JavaScript Reference Manual
JavaScript Objects
JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global Properties/Functions JavaScript Operators JavaScript Error
Browser Objects
Window Object Navigator Object Screen Object History Object Location Object Storage Object
DOM Objects
HTML DOM Document Object HTML DOM Element Object HTML DOM Attribute Object HTML DOM Event Object HTML DOM Console Object CSSStyleDeclaration Object DOM HTMLCollection
HTML Objects
<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>
Input Email readOnly Property
Example
Set the email field to read-only:
document.getElementById("myEmail").readOnly = true;Output:
Definition and Usage
The readOnly property is used to set or return whether the email field is read-only.
A read-only field cannot be modified. However, the content of the field can be copied.
This property reflects the HTML readonly attribute.
Tip: To ensure the accuracy of form data, you can use the disabled property instead.
Browser Support
All major browsers support the readOnly property.
Note: Internet Explorer 9 (and earlier IE versions), or Safari browsers do not support the HTML <input> element with type="email".
Syntax
Get the readOnly property:
emailObject.readOnlySet the readOnly property:
emailObject.readOnly=true|falseProperty Values
| Value | Description |
|---|---|
| true|false | Specifies whether the email field is read-only * true - The email field is read-only * false - Default. The email field is not read-only |
Technical Details
| Return Value: | A Boolean. Returns true if the email field is read-only, otherwise returns false. |
|---|
More Examples
Example
Check if the email field is read-only:
var x = document.getElementById("myEmail").readOnly;x will output:
trueRelated Pages
HTML Reference Manual: HTML <input> readonly attribute