关于input标签的各种限制总结

关于<input>标签的各种限制总结

 

1、限制输入内容最大长度（指字符串）。

maxlength="16"

 

2、输入框没值的提示。

placeholder=”请输入xxxx”

 

3、onkeyup 事件会在键盘按键被松开时触发、onafterpaste事件粘贴之后触发，一般他们都是连用的。而图片的触发内容是：对每次输入内容进行正则，把符合正则（中文，这个可以换其他的正则）的值替换为空值。

另外的一种正则写法：<input οnkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

 

4、<script>里写的，获取当前id改变事件（一般是输入框内容的改变才触发）。

$("#phoneNumber").change(function(){限制代码})，可以参考下下图。

5、失去焦点触发

6、禁止输入。（两种禁止输入）

readonly="readonly"（不行就直接写readonly）//只读可复制，外观没有变化，而且表单提交时不影响获取value值

disabled="disabled"（不行就直接写disabled）//可复制 会使文本框变灰，而且表单提交时，获取不到文本框中的value值

 

新手总结，如有误”解”，请原谅。