Beispielcode zum Ändern des Textstils der Eingabeaufforderung in HTML

Auf vielen Websites wird im Eingabefeld Hinweistext angezeigt. Sehen wir uns an, wie Hinweistext im Eingabefeld angezeigt wird. Wir müssen lediglich Folgendes im <input>-Tag hinzufügen: placeholder="prompt text". Was also, wenn wir den Stil des Eingabeaufforderungstextes ändern möchten? Sie können den CSS-Stil wie folgt festlegen:

<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Eingabefeld-Eingabeaufforderungstext</title>
<Stil>
/*Ändern Sie die Farbe des Eingabeaufforderungstextes*/
input::-webkit-input-placeholder { /* WebKit-Browser */ 
Farbe: rot; 
}
Eingabe: -moz-Platzhalter { /* Mozilla Firefox 4 bis 18 */ 
Farbe: rot; 
}
Eingabe::-moz-Platzhalter { /* Mozilla Firefox 19+ */ 
Farbe: rot; 
}
Eingabe: -ms-Input-Placeholder { /* Internet Explorer 10+ */ 
Farbe: rot; 
}
</Stil>
</Kopf>
<Text>
<input type="text" placeholder="Bitte geben Sie Ihren Benutzernamen ein" />
</body>
</html>

Der geänderte Eingabeaufforderungstextstil lautet wie folgt:

PS: Schauen wir uns die erforderliche Attribut-Eingabeaufforderungstextänderung des Eingabe-Tags in HTML5 an

Beim Absenden eines Formulars stoßen wir manchmal auf eine solche Anforderung. Wenn der Benutzer das Formular absendet, ohne die erforderlichen Informationen einzugeben, muss der Eingabetext in die gewünschten Eingabeinformationen geändert werden. In diesem Fall können wir die folgende Anweisung in die Eingabe einfügen:

<input type="text" placeholder="Ihr Name" erforderlich oninvalid="setCustomValidity('Bitte geben Sie Ihren Namen ein');" oninput="setCustomValidity('');" />

Dies ist das Ende dieses Artikels zum Ändern des Textstils der Eingabeaufforderung in HTML. Weitere relevante Inhalte zum Textstil der HTML-Eingabe finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<: So verwenden Sie Typescript zum Kapseln von lokalem Speicher

>>: So verwenden Sie position:sticky, um das Problem kleiner Programme, die an der Decke haften, perfekt zu lösen

Zusammenfassung der Lastausgleichsmethoden von Nginx

Beispielcode zum Ändern des Textstils der Eingabeaufforderung in HTML

Zusammenfassung der Lastausgleichsmethoden von Nginx

Vue implementiert einen Countdown zwischen angegebenen Daten

Detaillierte Erklärung zur Installation von CentOS7 mit der in Win10 integrierten virtuellen Maschine Hyper-V

Ausführliches Tutorial zur Installation von WinX64 unter MySQL8.0.18 (mit Bildern und Text)

Eine kleine Frage zur Ausführungsreihenfolge von SQL in MySQL

Javascript zum Wechseln von Bildern per Mausklick

Einführung in useRef und useState in JavaScript

CSS setzt Overflow, um die Bildlaufleiste auszublenden und gleichzeitig das Scrollen zu ermöglichen

Beispiel für eine MySQL-Datenbank-übergreifende Transaktions-XA-Operation

So trennen Sie statischen und dynamischen Status durch die Kombination von Apache und Tomcat

Artikel empfehlen

HTML-Hintergrundbild und Hintergrundfarbe_PowerNode Java Academy

So öffnen Sie externe Netzwerkzugriffsrechte für MySQL

Lösen Sie das Problem des hässlichen blauen Rahmens nach dem Hinzufügen eines Hyperlinks zum HTML-Bild img

CentOS 7 - Lösungsprozessdiagramm für vergessene Passwörter

CentOS 7.5 stellt Varnish-Cache-Serverfunktion bereit

Lösung für den Fehler „Disk sda contains BIOS RAID metadata“ bei der Installation von CentOS 6.x

Das Prinzip und die Konfiguration des Nginx-Lastausgleichs sowie der dynamischen und statischen Trennung

Implementierung der schnellen Projektkonstruktion von vue3.0+vant3.0

Führt diese SQL-Schreibmethode wirklich dazu, dass der Index fehlschlägt?

HTML-Grundlagen - Einfaches Beispiel zum Festlegen des Hyperlink-Stils

Detaillierte Erklärung der neuen Erfahrung von Vite

Lernen Sie, wie Sie in 2 Minuten ein kreisförmiges/fächerförmiges Menü erstellen (Basisversion)

Mehrere Möglichkeiten zum Einfügen von SVG in HTML-Seiten

So importieren Sie schnell Daten in MySQL

So zeigen Sie das MySQL-Binlog (Binärprotokoll) an