近期做了手機項目,在用戶輸入號碼的表單中,需要禁止用戶輸入中文、符號等,減少用戶輸入出錯誤的可能性,后來上網查了資料,原來有css屬性有這樣的功能。
ime-mode的語法解釋如下:
ime-mode : auto | active | inactive | disabled
取值:
auto : 默認值。不影響IME的狀態。與不指定 ime-mode 屬性時相同
active : 指定所有使用IME輸入的字符。即激活本地語言輸入法。用戶仍可以撤銷激活IME
inactive : 指定所有不使用IME輸入的字符。即激活非本地語言。用戶仍可以撤銷激活IME
disabled : 完全禁用IME。對於有焦點的控件(如輸入框),用戶不可以激活IME
於是
在全局樣式中定義如下:
.ime-disabled{ime-mode:disabled;}/* 屏蔽輸入法 */
在手機充值頁面級定義如下:
<input type="text" name="mobile" class="ime-disabled" >