用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 相关文章推荐
css3闪亮进度条效果实现思路及代码
Apr 17 HTML / CSS
基础的CSS3弹性盒Flexbox布局使用实例
Apr 08 HTML / CSS
CSS3实现伪类hover离开时平滑过渡效果示例
Aug 10 HTML / CSS
css3利用transform变形结合事件完成扇形导航
Oct 26 HTML / CSS
详解background属性的8个属性值(面试题)
Nov 02 HTML / CSS
socket.io 和canvas 实现的共享画板功能
May 22 HTML / CSS
HTML5安全介绍之内容安全策略(CSP)简介
Jul 10 HTML / CSS
HTML5样式控制示例代码
Nov 27 HTML / CSS
Web时代变迁及html5与html4的区别
Jan 06 HTML / CSS
纯CSS实现酷炫的霓虹灯效果
Apr 13 HTML / CSS
CSS极坐标的实例代码
Jun 03 HTML / CSS
CSS控制继承中的height能变为可继承吗
Jun 10 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
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
php类常量的使用详解
2013/06/08 PHP
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
PHP中unset,array_splice删除数组中元素的区别
2014/07/28 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
2019/05/09 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
理解javascript模块化
2016/03/28 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
2021/03/01 jQuery
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
Python编程中NotImplementedError的使用方法
2018/04/21 Python
基于python中theano库的线性回归
2018/08/31 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
意大利高端时尚买手店:Stefania Mode
2018/03/01 全球购物
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
C语言如何决定使用那种整数类型
2016/11/26 面试题
以下的初始化有什么区别
2013/12/16 面试题
struct和class的区别
2015/11/20 面试题
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
企业面试题试卷附带答案
2015/12/20 面试题
计算机毕业大学生推荐信
2013/12/01 职场文书
工程学毕业生自荐信
2014/06/14 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
个人融资协议书范本两则
2014/10/15 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
综合素质自我评价评语
2015/03/06 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书