input禁止輸入的方法


1: readonly規定輸入字段爲只讀可複製,但是,用戶可以使用Tab鍵切換到該字段,可選擇,可以接收焦點,還可以選中或拷貝其文本。

<input type="text" value="哈哈哈" readonly="readonly">

2:disabled   被禁用的 input 元素可複製,不能接收焦點,設置後文字的顏色會變成灰色。無法與 <input type="hidden"> 一起使用。

<input type="text" value="哈哈哈" disabled="disabled">

3:通過控制input的max length爲0實現

<input type="text"  maxlength="0">

4:οnfοcus="this.blur();"onfocuse是聚焦的意思,當你把光標放在文本框上輸入的時候,就是聚焦,但這裏添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光標放在這個文本框上,換句話說就是你不能輸入文本了 

<input type="text" value="哈哈哈" οnfοcus="this.blur();">

個人推薦直接使用前兩種方法就好

發佈了40 篇原創文章 · 獲贊 35 · 訪問量 23萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章