The HTML <textarea> maxlength attribute is used to specify the maximum number of characters entered into the textarea element.
Syntax:
<textarea maxlength ="number">Attribute Value:
Attribute Value | Description |
|---|---|
number | It contains a single value number which allows the maximum number of characters in the Textarea element. Its default value is 524288. |
HTML <textarea> maxlength attribute Examples
Example: This example illustrates the use of textarea max length property in an HTML document.
<!DOCTYPE html>
<html>
<head>
<title>
textarea maxlength Attribute
</title>
<style>
body {
text-align: center;
}
</style>
</head>
<body>
<textarea
form="mygeeks"
maxlength="9"
></textarea>
<br />
<form id="mygeeks">
Name:
<input type="text" name="username" />
<input type="submit" />
</form>
</body>
</html>
Output:
Explanation:
- In the above example we Includes a textarea with a maxlength attribute set to 9.
- A form consists of a name input field and a submit button.
- Styled with centered text and fieldset margin.
HTML Textarea maxlength attribute Use Cases
1. How to specify minimum &maximum number of characters allowed in an input field in HTML ?
To specify the minimum and maximum number of characters allowed in an input field in HTML, use the "minlength" and "maxlength" attributes, respectively, within the <input> tag.
2. Create a Character Limit Textarea using HTML CSS and JavaScript
To create a character limit textarea: Use HTML <textarea> with a maxlength attribute, style with CSS, and validate input length with JavaScript. Update remaining characters dynamically.