So verbergen Sie Eingaben in HTML

Hide-Methode: 1. Setzen Sie den Wert des Typattributs des Eingabe-Tags auf „hidden“. 2. Verwenden Sie das Stilattribut des Eingabe-Tags, um den Stil „display:none“ hinzuzufügen Fügen Sie dem Eingabe-Tag den Stil „visibility:hidden“ hinzu.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Methode 1: Das Attribut

<input  type = "hidden" />

type gibt den Typ des Eingabeelements an. Wenn der Wert ausgeblendet ist, kann ein ausgeblendetes Eingabefeld definiert werden.

Methode 2:

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

style-Attribut gibt den Inline-Stil des Elements an

display:none-Methode, die keinen Platz belegt und das Element verbirgt, sodass eine dynamische Änderung dieses Attributs dazu führt Reflow (Ändern des Seitenlayouts) kann als Löschen des Elements von der Seite verstanden werden. Es wird nicht von Nachkommen geerbt, seine Nachkommen werden jedoch nicht angezeigt. Schließlich werden sie alle zusammen ausgeblendet. display:none方法，不占据空间，把元素隐藏起来，所以动态改变此属性时会引起重排（改变页面布局），可以理解成在页面中把该元素删除掉一样；不会被子孙继承，但是其子孙是不会显示的，毕竟都一起被隐藏了。

方法3：

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

visibility 属性规定元素是否可见。这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间，不过可以完全不可见。

visibility:hidden

Methode 3: rrreee

Das Sichtbarkeitsattribut gibt an, ob das Element sichtbar ist. Diese Eigenschaft gibt an, ob die von einem Element generierte Elementbox angezeigt werden soll. Das bedeutet, dass das Element weiterhin seinen ursprünglichen Platz einnimmt, aber völlig unsichtbar sein kann. 🎜🎜In der Methode visibility:hidden wird das Element ausgeblendet, verschwindet jedoch nicht und belegt weiterhin Platz. Nach dem Ausblenden wird der ursprüngliche HTML-Stil nicht von den Nachkommen übernommen und Nachkommen können es auch anzeigen: sichtbar; an das Element gebundene Ereignisse werden nicht ausgelöst, und eine dynamische Änderung dieser Eigenschaft führt zu einer Neuzeichnung. 🎜🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Programmiervideos🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonSo verbergen Sie Eingaben in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!