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

Ideen und Codes zur Implementierung der Vuex-Datenpersistenz

Was ist Vuex vuex: ist ein speziell für vue.js en...

Wie melde ich mich per Remote-Zugriff bei der MySql-Datenbank an?

Einführung: Manchmal müssen wir zur Entwicklung e...

Hinweise zu den Formularkomponenten des Elements

Elementform und Codeanzeige Weitere Einzelheiten ...

React-Konfiguration px-Konvertierung rem-Methode

Installieren Sie zugehörige Abhängigkeiten npm ic...

Welche Eigenschaften sollte eine gute Werbung haben?

Manche Leute sagen, dass Werbung machen wie ein Me...

Linux verwendet den Binärmodus zur Installation von MySQL

In diesem Artikel werden die einzelnen Schritte z...

Centos7-Installation und Konfiguration von Mysql5.7

Schritt 1: Holen Sie sich die MySQL YUM-Quelle Ge...

Erfahrung mit parallelen React-Funktionen (gleichzeitiger Front-End-Modus)

React ist eine Open-Source-JavaScript-Bibliothek,...