当前位置: 首页 > 文档资料 > HTML 宝典 >

3.5.2 min/maxlength

优质
小牛编辑
125浏览
2023-12-01

minlength属性和maxlength属性用来指定文本框或 textarea 中,允许输入的最少字符数和最大字符数。一个汉字被看作一个字符。如,在以下文本框中,用户最少要输入 5 个字符,最多可输入 10 个字符:

用户名:<input type="text" name="user" minlength="5" maxlength="10" />

当用户输入的字符数超过 maxlength 时,浏览器会阻止用户继续输入。在提交表单时,当用户输入的字符数不在 minlength 和maxlength 的范围内,浏览器会阻止提交表单。运行结果如图 3‑34 所示:

限制输入字符数
图3-34 限制输入字符数

需要注意的是,老IE对 textarea 元素的 maxlength属性支持不太好,当用户输入的字符数超过 maxlength 时,它并不阻止用户继续输入。这个可以通过少量的Javascript代码即可解决。代码如下:

<textarea maxlength="5" onKeydown="if(value.length >= 5){return false}"></textarea>

上述代码通过监控键盘事件,并获取用户已经输入的字符数,当用户输入的字符数超过 maxlength 时,便阻止用户继续输入,来控制用户输入的字符数。