input文本框輸入禁止的不同方式

今天想總結幾個很有用的html標籤,開發中經常用到,不熟悉的人可能還真不太清楚,分別是: 

複製代碼
代碼如下:

readonly、disabled、autocomplete 

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

複製代碼
代碼如下:

<input type="text" name="www.xxx" readonly="readonly" /> 

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

複製代碼
代碼如下:

<input type="text" name="www.xxx.com" disabled="disabled" /> 

另外可以通過css屏蔽輸入法:<input style="ime-mode: disabled"> 
最後介紹一個常用的標籤,瀏覽器通常會記錄input輸入框的記錄,所以你在輸入的時候,經常會下拉很多內容,如下圖: 
如果你想去掉的話,最好加上autocomplete="off",使用方法如下:autocomplete="off" 

複製代碼
代碼如下:

<input type="text" autocomplete="off" id="number"/> 
發佈了159 篇原創文章 · 獲贊 16 · 訪問量 20萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章