用CSS禁用输入法(CSS3 UI规范)实例解析


Posted in HTML / CSS onDecember 04, 2012

禁用输入法属性ime-mode是CSS3中最新添加的属性,更准确点说,是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性。但是IE浏览器从IE5开始就支持该属性,FireFox浏览器从FireFox3.0开始也支持该ime-mode属性。不过chrome、opera、Safari浏览器还没有开始支持该属性。该属性可以控制文本字段的输入法编辑器的状态:

名称: ime-mode
值: auto | normal | active | inactive | disabled | inherit
初始值: auto
应用元素: text fields(文本字段)
继承性: no

auto : 默认值,不影响当前输入法编辑器的状态
normal : 输入法编辑器的状态应该是normal,这个值可以用于用户样式表来覆盖页面的设置。IE浏览器不支持该属性
active : 输入法编辑器的状态初始时是激活的;输入将一直使用该输入法直到用户切换输入法。该属性在Linux操作系统下不支持
inactive : 输入法编辑器的状态初始时是非激活状态;除非用户激活输入法
disabled : 禁用输入法编辑器;该输入法编辑器也许不会被用户激活
实例
复制代码
代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<style type="text/css">
input {ime-mode: disabled; }
</style>
</head>
<body>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
</form>
</body>
</html>

上面的例子在IE5+或者FireFox3+浏览器中运行,不允许输入中文。
这个属性虽然很强大,但是在最新版的chrome、opera、safari浏览器中都不支持该属性,所以在这些浏览器中还需要通过JavaScript来实现当用户输入中文时无法输入到文本框中。
HTML / CSS 相关文章推荐
使用CSS实现阅读进度条
Feb 27 HTML / CSS
详解CSS3中使用gradient实现渐变效果的方法
Aug 18 HTML / CSS
利用CSS3实现单选框动画特效示例代码
Sep 26 HTML / CSS
html5图片上传预览示例分享
Apr 14 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
May 12 HTML / CSS
关于h5中的fetch方法解读(小结)
Nov 15 HTML / CSS
配置H5的滚动条样式的示例代码
Mar 09 HTML / CSS
HTML5拖拽功能实现的拼图游戏
Jul 31 HTML / CSS
html5中audio支持音频格式的解决方法
Aug 24 HTML / CSS
Canvas中设置width与height的问题浅析
Nov 01 HTML / CSS
HTML5公共页面提取作为公用代码的方法
Jun 30 HTML / CSS
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
Oct 16 HTML / CSS
html5 css3 动态气泡按钮实例演示
Dec 02 #HTML / CSS
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
Nov 29 #HTML / CSS
CSS3悬停效果案例应用
Nov 21 #HTML / CSS
在css3中background-clip属性与background-origin属性的用法介绍
Nov 13 #HTML / CSS
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
Nov 13 #HTML / CSS
css3绘制天猫logo实现代码
Nov 06 #HTML / CSS
CSS3实现DIV圆角效果完整代码
Oct 10 #HTML / CSS
You might like
PHP 解决session死锁的方法
2013/06/20 PHP
PHP base64编码后解码乱码的解决办法
2014/06/19 PHP
Javascript 跨域访问解决方案
2009/02/14 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
js实现鼠标划过给div加透明度的方法
2015/05/25 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
webpack构建vue项目的详细教程(配置篇)
2017/07/17 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
jquery实现自定义树形表格的方法【自定义树形结构table】
2019/07/12 jQuery
vue仿ios列表左划删除
2019/09/26 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
2020/03/10 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
Python深入学习之特殊方法与多范式
2014/08/31 Python
Python实现提取文章摘要的方法
2015/04/21 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
NumPy 如何生成多维数组的方法
2018/02/05 Python
浅谈python中np.array的shape( ,)与( ,1)的区别
2018/06/04 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
Python unittest单元测试框架及断言方法
2020/04/15 Python
Flask模板引擎Jinja2使用实例
2020/04/23 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
python 串行执行和并行执行实例
2020/04/30 Python
浅谈keras通过model.fit_generator训练模型(节省内存)
2020/06/17 Python
python实现在线翻译
2020/06/18 Python
小学庆六一活动方案
2014/02/28 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
党员服务承诺书
2014/05/28 职场文书
建筑工地标语
2014/06/18 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
民主生活会汇报材料
2014/12/15 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
《山中访友》教学反思
2016/02/24 职场文书
java.util.NoSuchElementException原因及两种解决方法
2022/06/28 Java/Android
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers