|
|
The input A read-only input field cannot be modified (however, a user can tab to it, highlight it, and copy the text from it).The value of a read-only input field will be sent when submitting the form! |
How is to look HTML readonly Attribute
A read-only input field:
index.html
Example:
HTML
<form>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John" readonly><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe">
</form>
Full Code Example of HTML readonly Attribute
The input readonly attribute The readonly attribute specifies that an input field should be read-only (cannot be changed):
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The input readonly attribute</h1>
<p>The readonly attribute specifies that an input field should be read-only (cannot be changed):</p>
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John" readonly><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Output should be:
Reffered: https://www.w3schools.com/html/html_form_attributes.asp
| How is to look HTML readonly Attribute | HTML Input Attributes |
| Full Code Example of HTML readonly Attribute | HTML Input Attributes |
Read Full: | HTML Input Attributes |
Category: | Web Tutorial |
Sub Category: | HTML Input Attributes |
Uploaded: | 10 months ago |
Uploaded by: | Admin |
Views: | 29 |