input禁止輸入

2021-07-22 17:29:03 字數 600 閱讀 5716

輸入框禁止輸入

昨天遇到乙個問題,需求是乙個 輸入框 只准點選賦值,不可以手動輸入。

開始隨手寫了乙個  :οnkeydοwn="return false;" value="" />

結果測試說 firefox 下切換成中文就可以輸入~~ 崩潰

後來換成了 οnfοcus="this.blur" value="" />

好了這下總得不到焦點了  

最終才 卻想起來 原來用  r

eadonly="readonly" value="" />即可解決啊!

還走了這麼多彎路,忘記了這個屬性

順便提一下  disabled="disabled"  value="" /> 屬性

應用此屬性之後 讀寫都被禁用(在form中提交也不行)

readonly="readonly"

disabled="disabled" checked="checked"屬性的設定與去除 

設定只要設定相應的屬性同名的值即可 比如  checked="checked"而去除則需要去除該屬性 

removeattribute 否則 即使是設定 checked="" 只要具有checked屬性 就被預設為選中狀態。

input 禁止輸入法

即可禁止輸入法 js形式 active 代表輸入法為中文 inactive 代表輸入法為英文 auto 代表開啟輸入法 預設 disable 代表關閉輸入法 禁止input 貼上 input id vc class xinput maxlength 4 size 5 onkeydown fnkeyd...

input禁止輸入的方法

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

input禁止輸入的方法

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