感謝原文作者：青燈夜游
原文鏈接：https://www.php.cn/div-tutorial-413133.html
目錄
問題
有時，我們需要以不可編輯的模式顯示表單域，那么如何實現？我們可以通過為表單字段（input文本框，標簽，復選框，文本區域）設置以下方法來實現表單的不可編輯功能。
實現方式
1、οnfοcus=this.blur()
<input type="text" name="input1" value="php中文網" onfocus=this.blur()>
可以看出，表單input文本框無法被點擊，不可進行編輯了；里面的文字也無法選擇。
2、readonly屬性
<input type="text" name="input1" value="php中文網" readonly>
<input type="text" name="input1" value="php中文網" readonly="true">
可以看出，表單input文本框無法被點擊，不可進行編輯了。
3、disabled 屬性
<input type="text" name="input1" value="php中文網" disabled>
注意
我們不能為所有表單字段或元素設置readonly屬性。<select>，<option>和<button>元素沒有readonly屬性，但它們具有disabled屬性，可以通過設置disabled屬性來實現不可編輯功能。
readonly屬性和disabled 屬性的區別
readonly屬性和disabled 屬性都是表單字段（文本框，標簽，復選框，文本區域）的不可編輯屬性，下面我們來看看它們的區別
disabled 屬性----禁用屬性
1、禁用的表單字段或元素值不會發布到服務器進行處理。
2、禁用的表單字段或元素不會獲得焦點。
3、選項卡導航時會跳過已禁用的表單字段或元素。
4、某些瀏覽器（如IE）為禁用的表單字段或元素提供默認樣式（灰色或浮雕文本）。
readonly屬性----只讀屬性
1、字段或元素的值以只讀形式來發布到服務器進行處理。
2、只讀表單字段或元素可以獲得焦點。
3、選項卡導航時包含只讀表單字段或元素。
4、某些瀏覽器不為只讀表單字段或元素提供默認樣式。