分析使input框不可編輯的方法及優缺點

這裏是IT修真院分享課，今天要分享的主題是

【分析使input框不可編輯的方法及優缺點】

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

1.disabled 屬性規定應該禁用 input 元素，被禁用的 input 元素，不可編輯，不可複製，不可選擇，不能接收焦點,後臺也不會接收到傳值。設置後文字的顏色會變成灰色。

示例：

input type="text" disabled="disabled" /
複製代碼

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

示例：

input type="text" readonly="readonly"
複製代碼

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

示例：

input type="text"  readonly  unselectable="on" 
複製代碼

2、優缺點說明 1.disabled 屬性沒法與 input type="hidden" 一塊兒使用。

2.readonly 屬性可與 input type="text" 或 input type="password" 配合使用。

3.readonly unselectable="on" 該屬性跟disable不一樣之處在於，後臺能夠接收到傳值。

【更多內容，歡迎加入交流羣565763832與你們一塊兒討論交流】

【這裏是技能樹·IT修真院：IT修真院官網，初學者轉行到互聯網的彙集地】