Der Inhalt des häufig verwendeten Eingabetextfelds wird automatisch vertikal zentriert und der Standardeingabeaufforderungstext ist leer, wenn darauf geklickt wird

Der Inhalt des häufig verwendeten Eingabetextfelds wird automatisch vertikal zentriert und der Standardeingabeaufforderungstext ist leer, wenn darauf geklickt wird
Drei Funktionen:

1. Automatische vertikale Zentrierung des Inhalts
2. Der Standard-Eingabeaufforderungstext wird grau angezeigt
3. Klicken Sie, um leer zu werden

Code kopieren
Der Code lautet wie folgt:

<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="Bitte geben Sie den Firmennamen ein" style="color:gray;" onfocus="javascript:if(this.value == 'Bitte geben Sie den Firmennamen ein') this.value = ''; this.style.color='gray';" onblur="if(this.value == '') {this.value = 'Bitte geben Sie den Firmennamen ein'; this.style.color = 'gray';}">

<<:  Reines CSS, um bei der Textbeschreibung einen halbtransparenten Effekt zu erzielen, wenn die Maus darauf platziert wird (unbedingt für Anfänger lesen)

>>:  So fragen Sie Daten aus mehreren unabhängigen Tabellen und Paging in MySQL ab

Artikel empfehlen

So erstellen Sie ein stilvolles Webseiten-Design (Grafik-Tutorial)

„Großartig“ sind wahrscheinlich die beiden Worte, ...

Lösung für das Problem der langsamen Docker-Pull-Image-Geschwindigkeit

Derzeit verfügt Docker über einen offiziellen Mir...

Reines CSS3 zum Erstellen eines Beispielcodes für Seitenwechseleffekte

Das, was ich vorher geschrieben habe, ist zu komp...

Vue realisiert den Produktlupeneffekt

In diesem Artikelbeispiel wird der spezifische Co...

Was sind die Unterschiede zwischen xHTML- und HTML-Tags?

Alle Tags müssen klein geschrieben sein In XHTML m...

So implementieren Sie einen binären Suchbaum mit JavaScript

Eine der am häufigsten verwendeten und diskutiert...

So stellen Sie ein SpringBoot-Projekt mit Docker bereit

Die Entwicklung der Docker-Technologie bietet ein...