註冊登錄時輸入11位手機號，不能輸入字母和特殊字符，input number類型去掉上下加減箭頭

1、如果使用type=“number”，則爲造成能輸入“-”、‘+’和“.”，在type爲number的時候要可以輸入加號、減號和小數點的。

補充：在爲number類型時，會產生上下可以加減的箭頭，去掉方式爲

input[type='number']{-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

效果爲

2、限制輸入框爲只能輸入最大爲11爲數字

<input type="text" placeholder="請輸入手機號" autofocus="autofocus" autocomplete="off" οninput="if(value.length>11)value=value.slice(0,11)"  οnkeyup="this.value=this.value.replace(/\D/g,'')"/>

autofocus：文本輸入字段被設置爲當頁面加載時獲得焦點

autocomplete：自動完成允許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時，瀏覽器基於之前鍵入過的值，應該顯示出在字段中填寫的選項

註釋：autocomplete 屬性適用於 <form>，以及下面的 <input> 類型：text, search, url, telephone, email, password, datepickers, range 以及 color。

oninput：事件在用戶輸入時觸發

onkeyup：用戶釋放鍵盤按鈕時出發

3、密碼輸入爲6-16爲數字和字母的組合

<input type="password" placeholder="請輸入密碼"  autocomplete="off" οninput="if(value.length>16)value=value.slice(0,16)" onKeyUp="value=value.replace(/[\W]/g,'')" />