" method; 2. Hide through the "display:none" attribute; 3. Hide through the "visibility: hidden;" attribute."/> " method; 2. Hide through the "display:none" attribute; 3. Hide through the "visibility: hidden;" attribute.">

Home >Web Front-end >Front-end Q&A >html hidden control method

html hidden control method

藏色散人
藏色散人Original
2021-06-03 14:15:004451browse

htmlMethods to hide controls: 1. Hide via the "dcca8d940764d49ca128640f90bd5abf" method; 2. Hide via the "display:none" attribute; 3. Hide via "visibility: hidden; "Property is hidden.

html hidden control method

The operating environment of this article: Windows 7 system, HTML5 version, Dell G3 computer.

There are several ways to hide HTML controls, placeholder hiding

Hide controls in HTML, such as hiding d5fd7aea971a85678ba271703566ebfd:

First The first hiding method:

<input type="hidden" />

The second hiding method:

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

The above two methods can achieve hiding without leaving traces.

But sometimes we need to hide the control and occupy the position.

The third hiding method will be introduced below:

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

In this way, it seems to be hidden, but in fact it still occupies the layout position.

【Recommended learning: html video tutorial

The above is the detailed content of html hidden control method. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn