ime-mode:disabled 关闭文本框输入法

时间:2024-05-14 22:06:20

在用户输入数字的表单中,需要禁止用户输入中文、符号等,减少用户输入出错误的可能性,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" >