天天看點

ime-mode:disabled 禁止表單使用文本框輸入法

近期做了手機項目,在使用者輸入号碼的表單中,需要禁止使用者輸入中文、符号等,減少使用者輸入出錯誤的可能性,後來上網查了資料,原來有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" >

作者:白樹