首頁 > web前端 > 前端問答 > 怎麼讓html標籤不可編輯

怎麼讓html標籤不可編輯

青灯夜游
發布: 2022-09-23 15:49:44
原創
4579 人瀏覽過

讓html標籤不可編輯的兩種方法:1、給標籤設定disabled屬性,它是一個布林屬性,規定應該禁用元素;設定來該屬性的元素不可編輯,無法使用和無法點擊的。 2.為標籤設定readonly屬性,它是一個布林屬性,規定元素是唯讀的,這意味著使用者不能修改或更改特定元素中已經存在的內容。

怎麼讓html標籤不可編輯

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

讓html標籤不可編輯的兩種方法

#方法1、為標籤設定disabled屬性

#disabled 屬性是布林屬性,屬性規定應該停用的 元素,同時停用的input 元素是無法使用且無法點選的。

disabled 屬性進行設置,使用戶在滿足某些條件時(例如選取複選框,等等)才能使用 元素。然後,可使用 JavaScript 來刪除 disabled 值,使該 元素變成可用的狀態。

提示:表單中已停用的 元素不會被提交。

注意:disabled 屬性不適用於

程式碼範例:

<input type="text" name="input1" value="php中文网" disabled>
登入後複製

怎麼讓html標籤不可編輯

#方法2、設定readonly屬性

readonly屬性是一個布爾屬性,可用來指定在input或textarea元素中寫入的文字是唯讀的。這意味著使用者不能修改或更改特定元素中已經存在的內容(但是,使用者可以對其進行製表、突出顯示和複製文字)。而JavaScript可以用來變更唯讀值並使輸入欄位可編輯。

<input type="text" name="input1" value="php中文网"><br><br>
<input type="text" name="input1" value="php中文网" readonly>
登入後複製

怎麼讓html標籤不可編輯

說明:

#readonly屬性和disabled 屬性都是表單欄位(文字框,標籤,複選框,文字區域)的不可編輯屬性,下面我們來看看它們的差異

disabled 屬性----禁用屬性

1、停用的表單欄位或元素值不會發佈到伺服器進行處理。

2、停用的表單欄位或元素不會獲得焦點。

3、選項卡導覽時會跳過已停用的表單欄位或元素。

4、某些瀏覽器(如IE)為禁用的表單欄位或元素提供預設樣式(灰色或浮雕文字)。

readonly屬性----只讀屬性

1、欄位或元素的值以唯讀形式來發佈到伺服器進行處理。

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

3、選項卡導航時包含唯讀表單欄位或元素。

4、某些瀏覽器不為唯讀表單欄位或元素提供預設樣式。

(學習影片分享:web前端

以上是怎麼讓html標籤不可編輯的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板