站長資訊網
讓html標簽不可編輯的兩種方法：1、給標簽設置disabled屬性，它是一個布爾屬性，規定應該禁用元素；設置來該屬性的元素不可編輯，無法使用和無法點擊的。2、給標簽設置readonly屬性，它是一個布爾屬性，規定元素是只讀的，這意味著用戶不能修改或更改特定元素中已經存在的內容。
前端（vue）入門到精通課程：進入學習
API 文檔、設計、調試、自動化測試一體化協作工具：點擊使用
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
讓html標簽不可編輯的兩種方法
方法1、給標簽設置disabled屬性
disabled 屬性是一個布爾屬性，該屬性規定應該禁用的 <input> 元素，同時被禁用的 input 元素是無法使用和無法點擊的。
disabled 屬性進行設置，使用戶在滿足某些條件時（比如選中復選框，等等）才能使用 <input> 元素。然后，可使用 JavaScript 來刪除 disabled 值，使該<input> 元素變為可用的狀態。
提示：表單中被禁用的 <input> 元素不會被提交。
注意：disabled 屬性不適用于 <input type="hidden">。
代碼示例：
<input type="text" name="input1" value="php中文網" disabled>
方法2、給標簽設置readonly屬性
readonly屬性是一個布爾屬性，可用于指定在input或textarea元素中寫入的文本是只讀的。這意味著用戶不能修改或更改特定元素中已經存在的內容（但是，用戶可以對其進行制表、突出顯示和復制文本）。而JavaScript可以用來更改只讀值并使輸入字段可編輯。
<input type="text" name="input1" value="php中文網"><br><br> <input type="text" name="input1" value="php中文網" readonly>
說明：
readonly屬性和disabled 屬性都是表單字段（文本框，標簽，復選框，文本區域）的不可編輯屬性，下面我們來看看它們的區別
disabled 屬性—-禁用屬性
1、禁用的表單字段或元素值不會發布到服務器進行處理。
2、禁用的表單字段或元素不會獲得焦點。
3、選項卡導航時會跳過已禁用的表單字段或元素。
4、某些瀏覽器（如IE）為禁用的表單字段或元素提供默認樣式（灰色或浮雕文本）。
readonly屬性—-只讀屬性
1、字段或元素的值以只讀形式來發布到服務器進行處理。
2、只讀表單字段或元素可以獲得焦點。
3、選項卡導航時包含只讀表單字段或元素。
4、某些瀏覽器不為只讀表單字段或元素提供默認樣式。
（學習視頻分享：web前端）
