顯示具有 html5 標籤的文章。 顯示所有文章
顯示具有 html5 標籤的文章。 顯示所有文章

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