html隱藏屬性的使用方法

小編給大家分享一下html隱藏屬性的使用方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。  3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：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隱藏屬性的使用方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！