2019年4月2日 星期二

如何在html input禁用輸入法?

目前用windows 10開發
不知為何 輸入法常常跑出來
造成打英數字常要重覆打一次
印象先前似乎沒這種問題

不知是作業系統變的太聰明了 還是我變的太笨了
不管如何,所以我就發現在網頁表單輸入欄位上
也常會發現這問題,所以找了一下如何在輸入欄位時不啟用輸入法
有發現一篇寫的很完整
可是現行在 chrome竟然不適用了
不知是否這個 css設定 是不是標準的css
看起來是標準 但就不知 chrome為何後來不納入

不過還是先記下來

在IE及FF 只要這樣做:
<input type="text" style="ime-mode:disabled" />

但如果在 chrome,可能就要用 javascript來進行處理

//\u4e00-\u9fa5為中文的編碼範圍
<input type="text" style="ime-mode:disabled"
onkeyup="this.value=this.value.replace(/[\u4e00-\u9fa5]/g,'')"/>

不過有人是建議可以採用HTML5的方式達到這個效果
<input type="tel">

以上就參考參考吧

參考連結:
https://www.lidaren.com/archives/1240

沒有留言:

張貼留言