input如何禁止文字框輸入的方法

2022-04-03 18:28:04 字數 884 閱讀 1283

禁止文字框輸入有以下四種方法:

1.設定input為唯讀狀態,**如下:

<

input

type

="text"

readonly

="readonly"

value

="唯讀欄位是不能修改的。不過,使用者仍然可以使用 tab 鍵切換到該字段,還可以選中或拷貝其文字。"

>

2.設定input為不用狀態,**如下:

<

input

type

="text"

disabled

="disabled"

value

="被禁用的 input 元素既不可用,也不可點選"

>

3.設定為可操作,但不能輸入,**如下:

<

input

type

="text"

maxlength

="0"

value

="maxlength屬性:規定輸入欄位的最大長度"

>

4.onfocus="this.blur();"onfocuse是聚焦的意思,當你把游標放在文字框上輸入的時候,就是聚焦,但這裡新增了"this.blur()",blur的作用就是去除聚焦,也就是你不能把游標放在這個文字框上,換句話說就是你不能輸入文字了

<

input

type

="text"

onfocus

="this.blur();"

value

="我是000"

>

禁止input文字框輸入實現屬性

今天想總結幾個很有用的html標籤,開發中經常用到,不熟悉的人可能還真不太清楚,分別是 readonly disabled autocomplete readonly表示此域的值不可修改,僅可與 type text 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.disabled表示禁用i...

禁止input文字框輸入實現屬性

今天想總結幾個很有用的html標籤,開發中經常用到,不熟悉的人可能還真不太清楚,分別是 複製 如下 readonly disabled autocomplete readonly表示此域的值不可修改,僅可與 type text 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.複製 如下 w...

禁止input文字框輸入實現屬性

readonly表示此域的值不可修改,僅可與 type text 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值 disabled表示禁用input元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳值 另外可以通過css遮蔽輸入法 最後介紹乙個常用的標籤,瀏覽器通常會記錄...