禁止文字框輸入

2021-10-03 11:59:53 字數 971 閱讀 8086

**如下:

readonly、disabled、autocomplete

readonly表示此域的值不可修改,僅可與 type=「text」 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.

**如下:

type

="text"

name

="www.***"

readonly

="readonly"

/>

disabled表示禁用input元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳值

**如下:

type

="text"

name

="www.***.com"

disabled

="disabled"

/>

另外可以通過css遮蔽輸入法:

最後介紹乙個常用的標籤,瀏覽器通常會記錄input輸入框的記錄,所以你在輸入的時候,經常會下拉很多內容,如下圖:

如果你想去掉的話,最好加上autocomplete=「off」,使用方法如下:autocomplete=「off」

**如下:

type

="text"

autocomplete

="off"

id="number"

/>

onfocus聚焦屬性

如果不想讓文字框可以通過游標操作可以去除文字框聚焦

this.blur() 表示去除文字框聚焦

**如下:

type

="text"

onfocus

="this.blur();"

value

="test"

>

禁止文字框輸入

如下 readonly disabled autocomplete readonly表示此域的值不可修改,僅可與 type text 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.如下 disabled表示禁用input元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳...

文字框禁止輸入特殊字元

今天在開發中,無意輸入 在action中取值發現為空,經過查資料發現 和 是在輸入後經過某些編碼的,會將 轉換成空,當你要在前面加上 轉義符時才不會被轉換。繼而今天的這些 產生了。function showkeypress evt function checkspecifickey keycode ...

文字框禁止輸入特殊字元

今天在開發中,無意輸入 在action中取值發現為空,經過查資料發現 和 是在輸入後經過某些編碼的,會將 轉換成空,當你要在前面加上 轉義符時才不會被轉換。繼而今天的這些 產生了。function showkeypress evt function checkspecifickey keycode ...