用CSS禁用輸入法(CSS3 UI規(guī)范)實例解析

2024-07-11 08:29:28

字體：大中小

供稿：網(wǎng)友

禁用輸入法屬性ime-mode是CSS3中最新添加的屬性，更準確點說，是CSS Basic User Interface Module Level 3 (CSS3 UI)規(guī)范新添加的屬性。但是IE瀏覽器從IE5開始就支持該屬性，F(xiàn)ireFox瀏覽器從FireFox3.0開始也支持該ime-mode屬性。不過chrome、opera、Safari瀏覽器還沒有開始支持該屬性。該屬性可以控制文本字段的輸入法編輯器的狀態(tài)：

名稱:	ime-mode
值:	auto \| normal \| active \| inactive \| disabled \| inherit
初始值:	auto
應用元素:	text fields（文本字段）
繼承性:	no

auto : 默認值，不影響當前輸入法編輯器的狀態(tài)
normal : 輸入法編輯器的狀態(tài)應該是normal，這個值可以用于用戶樣式表來覆蓋頁面的設(shè)置。IE瀏覽器不支持該屬性
active : 輸入法編輯器的狀態(tài)初始時是激活的；輸入將一直使用該輸入法直到用戶切換輸入法。該屬性在Linux操作系統(tǒng)下不支持
inactive : 輸入法編輯器的狀態(tài)初始時是非激活狀態(tài)；除非用戶激活輸入法
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來實現(xiàn)當用戶輸入中文時無法輸入到文本框中。

上一篇：多瀏覽器兼容flexbox容器的樣式代碼

下一篇：多列等高的CSS實現(xiàn)代碼