用CSS禁用输入法(CSS3 UI规范)实例解析
程序员文章站
2023-11-28 13:23:58
禁用输入法属性ime-mode是CSS3中最新添加的属性,更准确点说,是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性,需要了解更多的朋友可以参考下... 12-12-04...
禁用输入法属性ime-mode是css3中最新添加的属性,更准确点说,是css basic user interface module level 3 (css3 ui)规范新添加的属性。但是ie浏览器从ie5开始就支持该属性,firefox浏览器从firefox3.0开始也支持该ime-mode属性。不过chrome、opera、safari浏览器还没有开始支持该属性。该属性可以控制文本字段的输入法编辑器的状态:
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来实现当用户输入中文时无法输入到文本框中。
名称: | 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来实现当用户输入中文时无法输入到文本框中。
上一篇: 浅析网站分析的运营分析指标