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" >