關於文字框的一些限制控制 強啊

2021-05-22 06:00:23 字數 847 閱讀 4762

1.限制文字框不能輸入中文:

以前很多時候會去使用判斷去寫,比如:

但是很少會有人用ime-mode:disabled(用css實現關閉文字框輸入法)

ime-mode

語法:ime-mode : auto | active | inactive | disabled

取值:auto

:預設值。不影響ime的狀態。與不指定 ime-mode 屬性時相同

active

:指定所有使用ime輸入的字元。即啟用本地語言輸入法。使用者仍可以撤銷啟用ime

inactive

:指定所有不使用ime輸入的字元。即啟用非本地語言。使用者仍可以撤銷啟用ime

disabled

:完全禁用ime。對於有焦點的控制項(如輸入框),使用者不可以啟用ime

那麼:οnpaste="return false;" type="text" name="textfield" style="ime-mode:disabled" value="">

藍色處為禁用輸入法。

擴充套件:

自己琢磨琢磨哈~

2..限制文字框不能貼上:

一般看到這個我們會有這樣的思路:禁用掉ctrl鍵和c鍵,再禁用掉右鍵,就可以完美的禁用貼上功能了。

其實 οnpaste="return false;" 就可以很完美的實現禁用貼上,而且要注意,它禁用掉的是貼上的功能,所以使用了這個屬性,即使不禁用掉右鍵,使用者也無法貼上內容。

那麼:οnpaste="return false;" type="text" name="textfield" style="ime-mode:disabled" value="">

紅色處為禁用貼上。

一些CSS文字框樣式

1 只有下劃線的文字框 2 軟體序列號式的輸入框 3 軟體序列號式的輸入框 完整版 4 輸入框景背景透明 5 滑鼠劃過輸入框,輸入框背景色變色 mouseover this.style.bordercolor black this.style.backgroundcolor plum style w...

一些CSS文字框樣式

1 只有下劃線的文字框 2 軟體序列號式的輸入框 3 軟體序列號式的輸入框 完整版 4 輸入框景背景透明 5 滑鼠劃過輸入框,輸入框背景色變色 mouseover this.style.bordercolor black this.style.backgroundcolor plum style w...

關於文字框字數的限制以及動態顯示剩餘字數

一 首先先看乙個非常普遍的效果截圖,根據需求寫 div style padding bottom 100px textarea style width 230px height 160px id textarea cols 30 rows 10 dancer測試!textarea span span...