maxlenght 在input框上不起作用，可以無限輸入

1、<input type="number" placeholder="請輸入手機號碼" maxlength="11" />這種情況下怎麼也不起作用

2、<input type="text" placeholder="請輸入手機號碼" maxlength="11" />，maxlength屬性是有效的。但是type=”text”有一個不好的體驗，就是獲取焦點後彈出的輸入法是默認拼音的那種，不太適合此處要求純數字的需求。

3、<input type="tel" placeholder="請輸入手機號碼" maxlength="11" />

彈出的也是數字鍵盤不過會存在一個‘-’的固話間隔符號。不過這影響不大的，因爲爲了可拓展性，肯定還是需要寫些js代碼去判斷內容的有效性，比如正則表達式。

 

解決方案：

<input type="number" placeholder="請輸入手機號碼" οninput="if(value.length>11)value=value.slice(0,11)" />