HTML | DOM 输入文本 maxLength 属性

简介

HTML | DOM 中的 maxLength 属性用于限制用户在输入文本框中输入的最大字符数。这个属性适用于 input 和 textarea 元素以及不能输入内容但需要显示一定长度的元素，例如：progress 和 meter。

语法

HTML 中的语法如下：

<input maxlength="number">

DOM 中的语法如下：

object.maxLength = number

属性值

maxLength 属性的属性值为一个整数，表示该文本框允许用户输入的最大字符数。

示例

以下代码演示了如何使用 maxLength：

<!-- HTML 示例 -->
<input type="text" maxlength="10">
<textarea maxlength="50"></textarea>

<!-- JavaScript 示例 -->
<script>
  var input = document.createElement("input");
  input.type = "text";
  input.maxLength = 10;

  var textarea = document.createElement("textarea");
  textarea.maxLength = 50;
</script>

对于一个文本框，如果用户输入的字符数超过了 maxLength 属性设定的值，则会禁止继续输入。在一些浏览器中，输入框中输入的字符数会在达到最大值时自动截断。

注意事项

• maxLength 属性只能限制用户在输入框中输入字符的数量，但并不会限制输入框中输入的字符内容。如果需要限制输入的字符内容，可以使用正则表达式等方式进行限制。
• 对于支持 HTML5 的浏览器，建议使用 max 属性来规定用户能够输入的最大值，而不是使用 maxLength 属性。

参考链接

• HTML DOM Input Text maxLength Property