使input文本框不可編輯的3種方法

第一種：disabled

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

示例：<input type=」text」 disabled=」disabled」 />

第二種：readonly

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

readonly 屬性可與 <input type=」text」> 或 <input type=」password」> 配合使用。

示例：<input type=」text」 readonly=」readonly」>

第三種：readonly unselectable=」on」

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