用CSS禁用IME(CSS3 UI規範)

來源:互聯網
上載者:User

  禁用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來實現當使用者輸入中文時無法輸入到文字框中。

參考資料:

  1.               ime-mode - CSS | MDN
  2.              CSS Basic User Interface Module Level 3 (CSS3 UI)
  3.              imeMode Property
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.