Heim  >  Artikel  >  Web-Frontend  >  So verbergen Sie ein Textfeld in HTML

So verbergen Sie ein Textfeld in HTML

青灯夜游
青灯夜游Original
2021-05-14 14:27:2411125Durchsuche

So verbergen Sie ein Textfeld in HTML: 1. Setzen Sie den Wert des Eingabetextfeldtyp-Attributs auf „versteckt“. 2. Fügen Sie den Stil „display:none“ zum Textfeld hinzu. „hidden“-Stil in das Textfeld einfügen ;4. Legen Sie die Breite und Höhe des Textfelds auf 0 fest.

So verbergen Sie ein Textfeld in HTML

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

Vier Möglichkeiten, Textfelder in HTML auszublenden

Methode 1:

<input type="hidden" value="">

Funktioniert bei allen Textfeldern (versteckte Felder, die hauptsächlich zum Speichern von Daten verwendet werden)

Methode 2:

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

Nachdem das Objekt ausgeblendet wurde, wird das Objekt belegt keinen Platz

Methode 3:

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

Nachdem das Objekt ausgeblendet ist, belegt es immer noch den entsprechenden Platz

Methode 4:

<input type="text" value="" style"width:0;height:0;">

Empfohlenes Tutorial: „HTML-Video-Tutorial

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn