HTML5: How to specify the maximum number of characters allowed in an input element?
Solution:
HTML Code:
<!DOCTYPE html><!-- Declaration specifying the document type -->
<html><!-- Opening tag for the root element of the HTML document -->
<head><!-- Opening tag for the document's header section -->
<meta charset="utf-8"><!-- Metadata tag specifying the character encoding of the document -->
<title>How to specify the maximum number of characters allowed in an input element</title><!-- Title of the HTML document -->
</head><!-- Closing tag for the document's header section -->
<body><!-- Opening tag for the document's body section -->
<form method="post" action="https://www.w3resource.com/html-css-exercise/basic/solution/input-alt-answer-demo.php"><!-- Form element defining a form with method and action attributes -->
Name: <input type="text" name="name" maxlength="5"><br><!-- Input field for entering text with a maximum length of 5 characters -->
<input type="submit" value="Submit"><!-- Submit button for the form -->
</form><!-- Closing tag for the form -->
</body><!-- Closing tag for the document's body section -->
</html><!-- Closing tag for the root element of the HTML document -->
Explanation:
- This HTML code demonstrates how to specify the maximum number of characters allowed in an input element.
- The input field for the name is defined with the maxlength attribute set to 5, indicating that the user can input up to 5 characters.
Live Demo:
See the Pen input-maxlength-answer by w3resource (@w3resource) on CodePen.
See the solution in the browser
Supported browser
 |
 |
 |
 |
 |
| Yes | Yes | Yes | Yes | Yes |
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.