HTML - maxlength 属性

HTML maxlength 属性用于定义用户可以在输入和 textarea 字段中输入的最大字符数。

如果未指定 maxlength 值，或者指定了任何无效值，则 input 和 textarea 没有最大长度。maxlength 值必须大于或等于 minlength 属性的值。

语法


<tag maxlength = "value">

适用于

下面列出的元素允许使用 HTML maxlength 属性

元素	描述
<input>	HTML<input>标签用于接收来自用户的各种类型的输入。
<textarea>	HTML <textarea> 标签用于表示多行纯文本编辑控件。

maxlength 属性的示例

以下示例将说明 HTML maxlength 属性，我们应该在何处以及如何使用此属性！

在输入上设置 maxlength

在以下示例中，我们将使用 maxlength 属性和输入 type=text 来设置名称输入的最大长度为 10。


<!DOCTYPE html>
<html lang="en">
		  
<head>
	 <title>HTML 'maxlength' attribute</title>
</head>

<body>
	 <form>
			<input type="text" 
						 maxlength="10" 
						 placeholder="Enter Name">
			<br><br>
			<button>Submit</button>
	 </form>
</body>

</html>

在 textarea 上设置 maxlength

考虑到另一种情况，我们将使用 maxlength 属性和 textarea 元素，将 textarea 中可接受的最大字符长度设置为 30。


<!DOCTYPE html>
<html lang="en">

<head>
	 <title>HTML 'maxlength' attribute</title>
</head>

<body>
	 <form> Write your feedback: <br>
			<textarea name="" 
								id="" 
								cols="30" 
								rows="5" 
								placeholder="Your feedback...." 
								maxlength="30">
			</textarea>
			<br>
			<button>Submit</button>
	 </form>
</body>

</html>

支持的浏览器

浏览器
是否支持	1.0	10.0	4.0	1.0	15.0

打印本页