1. 收藏
  2. 订阅
您的位置: SUNThink 三思——{思考前端;思考用户体验;思考互联网;}
« Dw代码片段功能提高前端开发效率(增加快捷键说明)互联网大讲堂QQ群话题整理分享(1-10期) »

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

分类: 前端 发布: admin 浏览: 日期: 2009年11月21日

    最近客服部的MM反映:用户总是在输入电话的时候不小心开启了全角无法通过格式验证而打来电话求助。如图:

    就是在后面增加了,请输入半角数字的提示效果也不会很好,因为很多用户不知道什么是全角半角,都是无意中开启了全角状态。我们在平时填写表单的时候也会这样,上个文本框是输入中文,到下个要输入英文,就要来回切换输入法,极容易出现全角验证不通过,还很麻烦。

    路人甲:用js全角转半角不就可以了?

    这个当然可以,不过其实用css就可以了:ime-mode:disabled。在群里问了一下很多人都不用这个css属性,测试了下其实挺好用的(省去了用户切换输入法的麻烦还规避了用户容易输错数字的错误,不用白不用),看一个简单的例子:

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

附:苏昱css手册中对此属性的解释:
ime-mode 
语法:
ime-mode : auto | active | inactive | disabled
取值:
auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME

相关文章:

  • quote

    5 DIKIcn

    2009-12-29 11:54:46

    chrome浏览器下无效呢,后用ie才发现有用。
    strategy 于 2010-1-5 9:24:31 回复
    chrome用的人少吧?不过倒是可以改善下用户体验了。而且使用chrome的该不会分不清全角半角吧。
    zerty 于 2010-5-4 9:47:14 回复
    复制粘贴的怎么办?所以JS还是不能少。
    三思 于 2010-5-4 9:49:41 回复
    确实对于复制粘贴的没有作用,这个功能最大的意义还是改善用户输入体验了,数据格式方面还是程序擅长的。

    回复该留言

发表评论:

◎我瞎说了这么多,要不你也说两句?

回到首页 前端 用户体验 互联网 三思集 兵器谱 相册 标签云 搜索 给我留言 M 回到顶部↑

Copyright SUNThink.org 三思 Rights Reserved. 本blog服务器空间由 河南371网络服务专家 极速支持 豫ICP备09034799号

Powered By Z-Blog 1.8 Arwen Build 90619