## 前言 想必大家都很熟悉input標簽了，這里給大家科普一些不是很常用的屬性或者事件。 ## type 在type里新增了type為number以及tel,不同的是在手機上： - number表現的是手機默認輸入法的數字鍵盤 - tel表現的是手機系統的數字鍵盤，也就是你支付寶、微信輸入金額時出現的那種 ## 輸入框值動態校驗事件屬性 針對輸入框限制數據類型和長度是前端最常見的交互體驗，那針對輸入框值改變的事件屬性有哪幾種呢？ 常見的有onchange,oninput,onprotertychange。 | 事件 |前提 | 弊端 | | --- | --- | --- | | onchange| 鼠標或者鍵盤觸發，離開輸入框焦點，任何屬性值改變 | 復制粘貼無效，輸入框焦點內改變無效 | | oninput | 任何方式導致value改變，動態校驗 | ie不支持，value值改變 | | onprotertychange | 任何方式導致屬性值改變，動態校驗 | 不支持其他瀏覽器，只支持ie |