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

ttx9n · 发表于 2012-12-4 10:22:04

禁用输入法属性ime-mode是CSS3中最新添加的属性，更准确点说，是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性,需要了解更多的朋友可以参考下禁用输入法属性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来实现当用户输入中文时无法输入到文本框中。

雪龙Ui79 · 发表于 2022-12-19 23:03:22

数据库了多久撒快乐的健身卡啦

溪谷小兵 · 发表于 2023-5-12 06:46:26

非常vbcbvcvbvcb

平平安安 · 发表于 2023-7-3 18:59:01

66666666666666666666

64000928 · 发表于 2023-8-13 16:32:58

vcxvcxv

81708585 · 发表于 2023-9-21 23:48:39

好东西一定要看看！

kwa3hgmjp · 发表于 2024-3-9 04:26:16

女生看了弄丢了卡萨诺的卡洛斯

7jbiiz · 发表于 2024-5-12 17:34:04

挺不错的东西

cxst1h57 · 发表于 2024-8-8 06:07:12

sdsadsadsadf

idy6_yus · 发表于 2024-9-9 02:34:32

建军节建军节建军节建军节

账号		自动登录	找回密码
密码			立即注册

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

相关帖子