如何讓html標簽不可編輯

這篇文章主要介紹“如何讓html標簽不可編輯”，在日常操作中，相信很多人在如何讓html標簽不可編輯問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何讓html標簽不可編輯”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

讓html標簽不可編輯的兩種方法：1、給標簽設置disabled屬性，它是一個布爾屬性，規定應該禁用元素；設置來該屬性的元素不可編輯，無法使用和無法點擊的。2、給標簽設置readonly屬性，它是一個布爾屬性，規定元素是只讀的，這意味著用戶不能修改或更改特定元素中已經存在的內容。

本教程操作環境：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="億速云" disabled>

方法2、給標簽設置readonly屬性

readonly屬性是一個布爾屬性，可用于指定在input或textarea元素中寫入的文本是只讀的。這意味著用戶不能修改或更改特定元素中已經存在的內容（但是，用戶可以對其進行制表、突出顯示和復制文本）。而JavaScript可以用來更改只讀值并使輸入字段可編輯。

<input type="text" name="input1" value="億速云"><br><br>
<input type="text" name="input1" value="億速云" readonly>

說明：

readonly屬性和disabled 屬性都是表單字段（文本框，標簽，復選框，文本區域）的不可編輯屬性，下面我們來看看它們的區別

disabled 屬性----禁用屬性

1、禁用的表單字段或元素值不會發布到服務器進行處理。

2、禁用的表單字段或元素不會獲得焦點。

3、選項卡導航時會跳過已禁用的表單字段或元素。

4、某些瀏覽器（如IE）為禁用的表單字段或元素提供默認樣式（灰色或浮雕文本）。

readonly屬性----只讀屬性

1、字段或元素的值以只讀形式來發布到服務器進行處理。

2、只讀表單字段或元素可以獲得焦點。

3、選項卡導航時包含只讀表單字段或元素。

4、某些瀏覽器不為只讀表單字段或元素提供默認樣式。

到此，關于“如何讓html標簽不可編輯”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！