Input Text maxLength 属性

Input Text 对象

获取文本域允许输入的最大字符数：

姓名: <input type="text" id="myText" maxlength="30">
<p>点击按钮显示文本域 maxlength 属性的值。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
  function myFunction() {
    var x = document.getElementById("myText").maxLength;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

定义和用法

maxLength 属性可设置或返回文本域的 maxlength 属性值。

maxLength 属性规定了文本域允许输入的最大字符数。

提示： 如果要设置或返回文本域的宽度，请使用 size 属性。

---

浏览器支持

所有主流浏览器都支持 disabled 属性。

---

语法

返回 maxLength 属性:

textObject.maxLength

设置 maxLength 属性:

textObject.maxLength=number

属性值

值	描述
number	规定了文本域中允许输入的最大字符数

技术详情

返回值:	数字，表示文本域可以输入的最大字符数

---

更多实例

设置文本域中允许输入的最大字符数:

姓名: <input type="text" id="myText">
<p>点击按钮设置文本域允许输入的最大的字符数。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
  function myFunction() {
    document.getElementById("myText").maxLength = "4";
    document.getElementById("demo").innerHTML = "现在文本域允许最大的最大字符数为 4。";
  }
</script>

尝试一下 »

在文本域输入的字符达到最大字符数后自动跳到下一个文本域继续输入：

<p>在文本域达到最大字符时自动跳到下一个文本域：</p>
<form id="myForm">
  <input type="text" size="3" tabindex="1" maxlength="3" onkeyup="myFunction(this,this.value)"> -
  <input type="text" size="2" tabindex="2" maxlength="2" onkeyup="myFunction(this,this.value)"> -
  <input type="text" size="3" tabindex="3" maxlength="3" onkeyup="myFunction(this,this.value)">
</form>
<script>
  function myFunction(x, y) {
    if (y.length == x.maxLength) {
      var next = x.tabIndex;
      if (next < document.getElementById("myForm").length) {
        document.getElementById("myForm").elements[next].focus();
      }
    }
  }
</script>

尝试一下 »

---

相关页面

HTML 参考手册: HTML <input> maxlength 属性

---

Input Text 对象