input禁止輸入的方法

2021-10-06 14:04:06 字數 703 閱讀 3938

1： readonly規定輸入欄位為唯讀可複製，但是，使用者可以使用tab鍵切換到該字段，可選擇,可以接收焦點，還可以選中或拷貝其文字。

"text" value=


"哈哈哈" readonly=


"readonly"


>
2：disabled 被禁用的 input 元素可複製，不能接收焦點,設定後文字的顏色會變成灰色。無法與 一起使用。

"text" value=


"哈哈哈" disabled=


"disabled"


>
3：通過控制input的max length為0實現

"text"  maxlength=


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

"text" value=


"哈哈哈" onfocus=


"this.blur();"


>

input禁止輸入的方法

1 readonly規定輸入欄位為唯讀可複製，但是，使用者可以使用tab鍵切換到該字段，可選擇,可以接收焦點，還可以選中或拷貝其文字。2 disabled 被禁用的 input 元素可複製，不能接收焦點,設定後文字的顏色會變成灰色。無法與 一起使用。3 通過控制input的max length為0實...

input禁止輸入的方法

readonly規定輸入欄位為唯讀可複製，但是，使用者可以使用tab鍵切換到該字段，可選擇,可以接收焦點，還可以選中或拷貝其文字。text value 哈哈哈 readonly readonly disabled 被禁用的 input 元素可複製，不能接收焦點,設定後文字的顏色會變成灰色。無法與 一...

input禁止輸入

輸入框禁止輸入 昨天遇到乙個問題，需求是乙個 輸入框 只准點選賦值，不可以手動輸入。開始隨手寫了乙個 nkeyd wn return false value 結果測試說 firefox 下切換成中文就可以輸入 崩潰 後來換成了 nf cus this.blur value 好了這下總得不到焦點了 最...