The readonly Attribute

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,591
3.	Videos	353,167
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,472
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
The Readonly Attribute

The readonly Attribute

The input value attribute specifies an initial value for an input field:

<!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="/php/actionPagePost.php" method="post">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="Bintu" readonly><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Chaudhary"><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #readonly

CSPunjab.Com

The readonly Attribute

« Previous

The input value attribute specifies an initial value for an input field:

<!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="/php/actionPagePost.php" method="post">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="Bintu" readonly><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Chaudhary"><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!