禁用IME屬性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 : 輸入法的狀態初始時是啟用的;輸入將一直使用該IME直到使用者切換IME。該屬性在Linux作業系統下不支援
inactive : 輸入法的狀態初始時是非啟用狀態;除非使用者啟用IME
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 - CSS | MDN
- CSS Basic User Interface Module Level 3 (CSS3 UI)
- imeMode Property