## 前言 想必大家都很熟悉input标签了，这里给大家科普一些不是很常用的属性或者事件。 ## type 在type里新增了type为number以及tel,不同的是在手机上： - number表现的是手机默认输入法的数字键盘 - tel表现的是手机系统的数字键盘，也就是你支付宝、微信输入金额时出现的那种 ## 输入框值动态校验事件属性 针对输入框限制数据类型和长度是前端最常见的交互体验，那针对输入框值改变的事件属性有哪几种呢？ 常见的有onchange,oninput,onprotertychange。 | 事件 |前提 | 弊端 | | --- | --- | --- | | onchange| 鼠标或者键盘触发，离开输入框焦点，任何属性值改变 | 复制粘贴无效，输入框焦点内改变无效 | | oninput | 任何方式导致value改变，动态校验 | ie不支持，value值改变 | | onprotertychange | 任何方式导致属性值改变，动态校验 | 不支持其他浏览器，只支持ie |