The maxlength Attribute

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,628
3.	Videos	353,180
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,474
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
The Maxlength Attribute

The maxlength Attribute

The input maxlength attribute specifies the maximum number of characters allowed in an input field.

Note: When a maxlength is set, the input field will not accept more than the specified number of characters. However, this attribute does not provide any feedback. So, if you want to alert the user, you must write JavaScript code.

<!DOCTYPE html>
<html>
<body>

<h1>The input maxlength attribute</h1>

<p>The maxlength attribute specifies the maximum number of characters allowed in an input field:</p>

<form action="/php/actionPagePost.php" method="post">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" size="40"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" maxlength="4" size="10"><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #maxlength

CSPunjab.Com

The maxlength Attribute

« Previous

The input maxlength attribute specifies the maximum number of characters allowed in an input field.

<!DOCTYPE html>
<html>
<body>

<h1>The input maxlength attribute</h1>

<p>The maxlength attribute specifies the maximum number of characters allowed in an input field:</p>

<form action="/php/actionPagePost.php" method="post">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" size="40"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" maxlength="4" size="10"><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!