Verschiedene Methoden zum Implementieren der Eingabeaufforderungsfunktion eines Textfelds in HTML

Verschiedene Methoden zum Implementieren der Eingabeaufforderungsfunktion eines Textfelds in HTML
Sie können das Attribut in HTML5 verwenden <input="text" placeholder="was Sie eingeben möchten" >

Sie können auch js verwenden, um CSS-Stil hinzuzufügen

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
.auf der Suche {
Grenze:1 keine;
Farbe: #999999;
schweben: links;
Schriftgröße: 14px;
Höhe: 18px;
Zeilenhöhe: 18px;
Rand: 3px 2px;
Breite: 253px;
}
</Stil>
<input name="q" class="in_search" onfocus="if(this.value=='Bitte geben Sie ein, was Sie eingeben möchten'){this.value='';}" onblur="if(this.value==''){this.value='Bitte geben Sie ein, was Sie eingeben möchten';}" type="text" value="Bitte geben Sie ein, was Sie eingeben möchten"/>

<<:  JavaScript implementiert den detaillierten Prozess der Stapelstruktur

>>:  Ein Beispiel für die vertikale Zentrierung von Unterelementen in Div mithilfe des Flex-Layouts

Artikel empfehlen

Zusammenfassung zur Positionierung in CSS

Es gibt vier Arten der Positionierung in CSS, die...

Interpretation der Vue-Komponentenregistrierungsmethode

Inhaltsverzeichnis Überblick 1. Globale Registrie...

Detaillierter Prozess zur Implementierung des 2048-Minispiels im WeChat-Applet

Rendern Beispielcode Heute werden wir das WeChat-...

Zabbix überwacht Linux-Hosts basierend auf SNMP

Vorwort: Der Linux-Host ist relativ einfach zu ha...

Implementierung der ELK-Bereitstellungsmethode mit einem Klick in Docker Compose

Installieren Filebeat hat Logstash-Forwarder voll...

Lösung für MySQL 8.0 kann nicht gestartet werden 3534

Der MySQL 8.0-Dienst kann nicht gestartet werden ...

Verwendung des Linux-Befehls tr

1. Einleitung tr wird verwendet, um einen Textabs...

So stellen Sie Redis in Docker bereit und starten es

Redis im Docker bereitstellen Installieren Sie zu...

Einige Vorschläge zur Lesbarkeit des Vue-Codes

Inhaltsverzeichnis 1. Nutzen Sie Komponenten sinn...