Maxlength attribute
The maxlength attribute helps us to specify the maximum length of an input field in the form i.e. the maximum no. of characters that can be entered for the specific field. It can be used to make the maximum length of a telephone number in India as 10 digits so as to prevent any wrong input data submission.
Syntax:
<input type="..." id="..." name="..." maxlength="...">
Note: When the maxlength attribute is set, it will not allow the user to enter more characters than those specified.
Example: The implementation of maxlength attribute
HTML
<!DOCTYPE html><html><head> <title>HTML maxlength attribute</title> <style> button { margin-top: 5px; } </style></head><body> <h1>HTML maxlength attribute</h1> <form> <label>Roll No.</label> <input type="text" maxlength="10" required /> <label>Email:</label> <input type="email" required /> <button>Submit</button> </form></body></html> |
Output:
How to perform form validation for a required field in HTML ?
The form data is very important for a website and the correct form data or valid form data must be submitted to the form. To make sure that the form data is valid or to make an input field mandatory, various attributes can be used. We shall discuss the following attributes in this article & will understand them with the help of examples.
Table of Content
- Required attribute
- Maxlength attribute
- Minlength attribute
- Min and max attribute
- Multiple attribute
- Pattern attribute
Contact Us