首頁 > web前端 > html教學 > html隱藏屬性如何使用

html隱藏屬性如何使用

coldplay.xixi
發布: 2023-01-05 16:11:50
原創
6314 人瀏覽過

html隱藏屬性的使用方法:1、使用disabled停用input元素;2、readonly規定輸入欄位是否為唯讀;3、hidden屬性值為true時,元素在介面上處於隱藏狀態;4 、display值為none表示此元素不會被顯示。

html隱藏屬性如何使用

本教學操作環境:windows7系統、html5版,DELL G3電腦。

html隱藏屬性的使用方法:

1、disabled。 HTML input 標籤有一個 disabled 屬性,該屬性規定是否停用 input 元素,停用的 input 元素既不可用,也不可點擊,值為「disabled」。如果要啟用該 input 元素,可透過 JavaScript 來刪除 disabled 的值。被disabled停用的元素,不能獲得遊標或焦點,值只能透過JavaScript去設置,使用者無法在介面上修改,且提交時該值不會提交到後台。

2、readonly。 HTML input 標籤有一個 readonly 屬性,該屬性規定輸入欄位是否為唯讀,只讀元素不能輸入,值為「readonly」。如果要使其變成可寫,只能透過 JavaScript 來清除 readonly 的值。透過 readonly 設定為唯讀的元素,其值只能透過JavaScript去設置,使用者無法在介面上修改,可以獲得遊標或焦點,提交時該值會提交到後台,這是與disabled最大的差異。

3、hidden。該屬性的值有true和false。此屬性值為true時,元素在介面上處於隱藏狀態,只能透過JavaScript設定該元素的值,使用者在介面上看不到該元素。這是與disabled和readonly的差別。提交時該值會提交到後台。

4、display。此屬性用於設定元素如何顯示。常用的值有:none、block、inline、inline-table。 none表示此元素不會被顯示;block表示此元素將顯示為區塊級元素,此元素前後會帶有換行符;inline表示此元素會被顯示為內聯元素,元素前後沒有換行符,這是默認值;inline-table表示此元素會作為內聯表格來顯示(類似table),表格前後沒有換行符號。設定為none時,元素會隱藏起來,且不會佔用頁面空間。假如頁面中從上到下有三個div元素,第二個div元素的display屬性設定為none,那麼介面上只能看到兩個div元素,而且是緊鄰著。

相關學習推薦:html影片教學

以上是html隱藏屬性如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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