HTML - maxlength 属性

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

如果未指定 maxlength 值或指定了任何无效值，则输入和文本区域没有最大长度。maxlength 值必须大于或等于 minlength 属性的值。

语法

<tag maxlength = "value">

应用于

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

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

maxlength 属性示例

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

在输入中设置 maxlength

在以下示例中，我们将使用带有 input type=text 的 maxlength 属性，将名称输入的最大长度设置为 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>

在文本区域中设置 maxlength

考虑另一种情况，我们将使用带有 textarea 元素的 maxlength 属性，将文本区域中可接受字符的最大长度设置为 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>

支持的浏览器

属性
maxlength	是 1.0	是 10.0	是 4.0	是 1.0	是 15.0

html_attributes_reference.htm

打印页面