HTML - minlength 属性



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

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

语法

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

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

应用于

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

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

HTML minlength 属性示例

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

在输入上设置 minlength

在以下示例中,我们将使用 minlength 属性与 input type=text 一起设置 name 输入的最小长度为 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>

在文本区域上设置 minlength

考虑另一种情况,我们将使用 minlength 属性与 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
minlength 是 40.0 是 17.0 是 51.0 是 10.1 是 27.0
html_attributes_reference.htm
广告