HTML | 输入 maxlength 属性

在 HTML 表单中，我们经常需要约束用户对输入框中输入的字符数量。这可以通过 maxlength 属性来完成。

语法

maxlength 属性可以用于以下标签：

• <input type="text">
• <input type="password">
• <input type="search">
• <input type="tel">
• <input type="url">
• <input type="email">
• <textarea>

语法如下：

<input maxlength="maxLengthValue">
<textarea maxlength="maxLengthValue"></textarea>

其中，maxLengthValue 为允许输入的最大字符数量。

示例

以下是一个简单的示例，其中使用 maxlength 属性限制了用户在输入框中输入的字符数量：

<label for="username">用户名：</label>
<input type="text" id="username" name="username" maxlength="20">

在这个示例中，用户只能在输入框中输入不超过 20 个字符的用户名。

注意事项

• 如果用户在输入框中输入的字符数量超过了 maxlength 属性指定的值，浏览器将自动截断超出的字符。
• 如果不指定 maxlength 属性，用户可以无限制地输入字符。
• maxlength 属性一般用于输入框中的文本输入，不适用于单选框、复选框等表单元素。
• maxlength 属性只是限制了用户输入的字符数量，但并不对输入的内容进行验证。如果需要对用户输入的内容进行验证，可以使用 pattern 属性。

结论

maxlength 属性是 HTML 表单中常用的一个属性，它可以限制用户在输入框中输入的字符数量。使用它可以有效地约束用户输入，提高表单的数据质量和可靠性。