How to create HTML maxlength Attribute in input - HTML Input Attributes

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.

How is to look HTML maxlength Attribute in input

Set a maximum length for an input field:

index.html

Example: HTML

 <form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" size="50"><br>
  <label for="pin">PIN:</label><br>
  <input type="text" id="pin" name="pin" maxlength="4" size="4">
</form>

Output should be:

Full Code Example of HTML maxlength Attribute in input

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

index.html

Example: HTML

<!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="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" size="50"><br>
  <label for="pin">PIN:</label><br>
  <input type="text" id="pin" name="pin" maxlength="4" size="4"><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Input Attributes
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference