html中如何隱藏控件

發(fā)布時間：2021-06-03 14:47:15 來源：億速云閱讀：428 作者：小新欄目：web開發(fā)

這篇文章主要介紹html中如何隱藏控件，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

html隱藏控件的方法：1、通過“<input type="hidden" />”方法隱藏；2、通過“display:none”屬性隱藏；3、通過“visibility: hidden;”屬性隱藏。

本文操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html控件隱藏幾種方法，占位隱藏

HTML中控件的隱藏，比如<input>的隱藏：

第一種隱藏方法：

<input type="hidden" />

第二種隱藏方法：

<input type="text" style="display:none" />

以上兩種方法可以實(shí)現(xiàn)不留痕跡的隱藏。

但是有時候我們需要既要把控件隱藏，又需要能把位置給占住。

下面將介紹第三種隱藏方法：

<input type="text" style="visibility: hidden;" />

這樣，就是實(shí)現(xiàn)看似已經(jīng)隱藏，但是實(shí)際上還是占用版面位置的隱藏了。

以上是“html中如何隱藏控件”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡