hi,欢迎访问本站!
当前位置: 首页Web前端正文

input框怎么限制输入的长度

墨初 Web前端 990阅读

限制HTML中的input输入框输入内容的长度,可以使用 input 中的maxlength属性或JS脚本来控制。下面是使用方法.

input随制输入内容的长度

方法1:

使用 maxlength 属性控制输入内容的长度。

例:

<!--最长输入5个字符-->
<input type="text"  maxlength="5" /> 
<!--最长输入10个字符-->
<input type="text"  maxlength="10" />

注:number 类型的输入框中 maxlength 属性是不生效的。

方法2:

使用js脚本来控制input输入框内容的长度。

<!-- 73so.com -->
<!-- 当每输入一个字符的时候,触发定义的函数 -->
<input type="text" oninput="if(value.length>5) value=value.slice(0,5)" />
标签:
声明:无特别说明,转载请标明本文来源!
相关推荐