用CSS禁用输入法(CSS3 UI规范)实例解析
用CSS禁用输入法(CSS3 UI规范)实例解析
发布时间:2016-12-27 来源:查字典编辑
摘要:禁用输入法属性ime-mode是CSS3中最新添加的属性,更准确点说,是CSSBasicUserInterfaceModuleLevel3(...

禁用输入法属性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来实现当用户输入中文时无法输入到文本框中。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类