html隱藏屬性如何使用

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

本教學操作環境：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中文網其他相關文章！