html隱藏屬性的使用方法

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

html有什么特點(diǎn)

1、簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便，適合初學(xué)前端開(kāi)發(fā)者使用。 2、可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。  3、平臺(tái)無(wú)關(guān)性：超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用，這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。

html隱藏屬性的使用方法：1、使用disabled禁用input元素；2、readonly規(guī)定輸入字段是否為只讀；3、hidden屬性值為true時(shí)，元素在界面上處于隱藏狀態(tài)；4、display值為none表示此元素不會(huì)被顯示。

本教程操作環(huán)境：windows7系統(tǒng)、html5版，DELL G3電腦。

html隱藏屬性的使用方法：

1、disabled。HTML input 標(biāo)簽有一個(gè) disabled 屬性，該屬性規(guī)定是否禁用 input 元素，被禁用的 input 元素既不可用，也不可點(diǎn)擊，值為“disabled”。如果要啟用該 input 元素，可通過(guò) JavaScript 來(lái)刪除 disabled 的值。被disabled禁用的元素，不能獲得光標(biāo)或者焦點(diǎn)，值只能通過(guò)JavaScript去設(shè)置，用戶無(wú)法在界面上修改，且提交時(shí)該值不會(huì)提交到后臺(tái)。

2、readonly。HTML input 標(biāo)簽有一個(gè) readonly 屬性，該屬性規(guī)定輸入字段是否為只讀，只讀元素不能輸入，值為“readonly”。如果要使其變?yōu)榭蓪?xiě)，只能通過(guò) JavaScript 來(lái)清除 readonly 的值。通過(guò) readonly 設(shè)置為只讀的元素，其值只能通過(guò)JavaScript去設(shè)置，用戶無(wú)法在界面上修改，可以獲得光標(biāo)或者焦點(diǎn)，提交時(shí)該值會(huì)提交到后臺(tái)，這是與disabled最大的區(qū)別。

3、hidden。該屬性的值有true和false。該屬性值為true時(shí)，元素在界面上處于隱藏狀態(tài)，只能通過(guò)JavaScript去設(shè)置該元素的值，用戶在界面上看不到該元素。這是與disabled和readonly的區(qū)別。提交時(shí)該值會(huì)提交到后臺(tái)。

4、display。該屬性用于設(shè)置元素如何顯示。常用的值有：none、block、inline、inline-table。none表示此元素不會(huì)被顯示；block表示此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符；inline表示此元素會(huì)被顯示為內(nèi)聯(lián)元素，元素前后沒(méi)有換行符，這是默認(rèn)值；inline-table表示此元素會(huì)作為內(nèi)聯(lián)表格來(lái)顯示（類似 table），表格前后沒(méi)有換行符。當(dāng)設(shè)置為none時(shí)，元素會(huì)隱藏起來(lái)，且不會(huì)占用頁(yè)面空間。假如頁(yè)面中從上到下有三個(gè)div元素，第二個(gè)div元素的display屬性設(shè)置為none，那么界面上只能看到兩個(gè)div元素，且是緊挨著。

以上是“html隱藏屬性的使用方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！