css 禁止录入中文

1.情景展示

　　如何禁止输入框，输入中文字符？

2.解决方案

　　IE浏览器，可以使用ime-mode来实现

UpdateTime--2016年12月15日19:52:16

　　/*屏蔽输入法，可以用来禁止录入中文*/
　　ime-mode:disabled; //IE兼容，chrome不兼容
　　<input type="text" name="mobile" style="ime-mode:disabled;" />

　　详细介绍
　　　　ime-mode语法：
　　　　　　ime-mode : auto | active | inactive | disabled
　　　　　　取值：
　　　　　　auto :　 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同
　　　　　　active :　 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
　　　　　　inactive :　 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
　　　　　　disabled :　 完全禁用IME。对于有焦点的控件(如输入框)，用户不可以激活IME

注意事项：

　　该语法在google浏览器上无效，需要用js进行控制，见文末推荐！

2022年6月19日19:17:23

3.css+js同时作用

<input type="text" class="TextBox"
   style="width: 110px;ime-mode:disabled;"
   name="TABLE_NAME" id="TABLE_NAME"
   onkeyup="this.value=this.value.replace(/[\u4e00-\u9fa5]/g,'');"/>

 

posted @ 2019-01-24 14:45  Marydon  阅读(1019)  评论(0)  编辑  收藏  举报