HTML - minlength 属性



HTML minlength 属性用于定义用户可以在输入字段或 textarea 字段中输入的最小字符数。

如果未指定 minlength 属性,或者指定了任何无效值,则输入没有最小长度。输入的值长度必须大于或等于 minlength 值。

语法  


<tag minlength = 'value'></tag>

其中值可以是任何整数值(0 或更高)。

适用于

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

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

HTML minlength 属性的示例

以下示例将说明 HTML minlength 属性,我们应该在何处以及如何使用此属性!

在输入时设置 minlength

在以下示例中,我们将使用带有输入 type=text 的 minlength 属性来设置名称输入的最小长度为 10。


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

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

</html>

在 textarea 上设置 minlength

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


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

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

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

</html>

支持的浏览器

浏览器 Chrome Edge Firefox Safari Opera
是否支持 40.0 17.0 51.0 10.1 27.0