[CSS]浏览器IME输入法控制禁止输入中文

最新推荐文章于 2024-08-01 14:56:00 发布

CG李大仁

最新推荐文章于 2024-08-01 14:56:00 发布

阅读量1w

点赞数

分类专栏： Css

本文链接：https://blog.csdn.net/yctccg/article/details/52217988

版权

CSS3提供了 ime-mode 属性来控制input控件的IME输入法，如auto、active、inactive、disabled，但该方法在某些版本的Chrome中可能失效。在JS中，可以通过监听keyup事件并替换中文编码来实现禁止输入中文。对于HTML5手机APP开发，可以参考相关解决方案。

摘要由CSDN通过智能技术生成

通常的HTML开发过程中text类型input控件禁止输入中文控制一般通过js来实现，通过判定用户录入的文本的字符编码的范围来选择是否被输入到控件来实现。
在CSS3.0下可以直接使用样式来控制输入控件的输入法设置，通过设置对象样式的ime-mode即可，可选设定值为：
auto：不影响IME的状态。
active：指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime
inactive：指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime
disabled：完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime
normal：正常的IME状态。(IE不支持，不推荐选用)

示例代码：


/*Chrome Safari*/
-webkit-ime-mode: auto | active | inactive | disabled
/*Mozilla Firefox*/
-moz-ime-mode: auto | active | inactive | disabled
/*Opera*/
-o-ime-mode: auto | active | inactive | disabled
/*Internet Explorer*/
-ms-ime-mode: auto | active | inactive | disabled
/*CSS3 Standard*/
ime-mode: