禁止input框編輯三種狀況區別！

一、disabled 屬性規定應該禁用 input 元素，被禁用的 input 元素，不可編輯，不可複製，不可選擇，不能接收焦點,後臺也不會接收到傳值。設置後文字的顏色會變成灰色。disabled 屬性沒法與 <input type="hidden"> 一塊兒使用。

<input type="text" disabled="disabled" />

二、readonly 屬性規定輸入字段爲只讀可複製，可是，用戶能夠使用Tab鍵切換到該字段，可選擇,能夠接收焦點，還能夠選中或拷貝其文本。後臺會接收到傳值. readonly 屬性能夠防止用戶對值進行修改。

 

三、readonly unselectable="on" 該屬性跟disable相似，input 元素，不可編輯，不可複製，不可選擇，不能接收焦點，設置後文字的顏色也會變成灰色，可是後臺能夠接收到傳值。

<input type="text"  readonly  unselectable="on" >

 

1. 　　

   disabled 屬性規定應該禁用 input 元素，被禁用的 input 元素，不可編輯，不可複製，不可選擇，不能接收焦點,後臺也不會接收到傳值。設置後文字的顏色會變成灰色。disabled 屬性沒法與 <input type="hidden"> 一塊兒使用。
   示例：<input type="text" disabled="disabled" />
   

2. readonly 屬性規定輸入字段爲只讀可複製，可是，用戶能夠使用Tab鍵切換到該字段，可選擇,能夠接收焦點，還能夠選中或拷貝其文本。後臺會接收到傳值. readonly 屬性能夠防止用戶對值進行修改。

   readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。
   示例：<input type="text" readonly="readonly">

3. readonly unselectable="on" 該屬性跟disable相似，input 元素，不可編輯，不可複製，不可選擇，不能接收焦點，設置後文字的顏色也會變成灰色，可是後臺能夠接收到傳值。示例：<input type="text"  readonly  unselectable="on" >