Stil-Trigger-Effekt des Webseiten-Eingabefelds

<br />Dieses Beispiel untersucht hauptsächlich zwei Parameter, onblur und onFocus. Da diese beiden Parameter zuvor selten vorkamen, hat Baidu sofort verstanden, dass onblur ein Ereignis ist, das ausgelöst wird, wenn das Steuerelement den Fokus verliert, und onFocus ein Ereignis ist, das ausgelöst wird, wenn es zum Eingabefokus wird. Diese beiden Parameter können mit className kombiniert werden, um den Stylesheet-Klassennamen direkt aufzurufen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312">
<Titel></Titel>
</Kopf>
<Text>
<style type="text/css">
.Eingabe1{
Schriftfamilie: Verdana; Hintergrundfarbe: #EEEEEE; Rahmen unten: #FFFFFF 1px durchgezogen; Rahmen links: #CCCCCC 1px durchgezogen; Rahmen rechts: #FFFFFF 1px durchgezogen; Rahmen oben: #CCCCCC 1px durchgezogen; Schriftgröße: 12px;
}
.input1-bor {
Schriftfamilie: Verdana; Hintergrundfarbe: #F0F8FF; Schriftgröße: 12px;
Rand: 1px durchgezogen #333333;}
</Stil>
<Tabelle Zellenabstand=2 Zellenpadding=0 Breite=300 Rahmen=0>
<tr>
<td><font class="en1">Name:</font> </td>
<td><Eingabegröße=40 Name=Name Klasse="Eingabe1" onblur="dieser.Klassenname='Eingabe1'" onfocus="dieser.Klassenname='Eingabe1-bor'">
</td>
</tr>
<tr>
<td><font class="en1">E-Mail:</font></td>
<td><Eingabegröße=40 Name=E-Mail Klasse="Eingabe1" onblur="this.className='Eingabe1'" onfocus="this.className='Eingabe1-bor'"></td>
</tr>
<tr>
<td><font class="en1">Website:</font> </td>
<td><Eingabegröße=40 Name=URL Klasse="Eingabe1" onblur="diese.Klassenname='Eingabe1'" onfocus="diese.Klassenname='Eingabe1-bor'">
</td>
</tr>
<tr>
<td><font class="en1">Thema:</font> </td>
<td><Eingabegröße=40 Name=Betreff Klasse="Eingabe1" onblur="this.className='Eingabe1'" onfocus="this.className='Eingabe1-bor'">
</td>
</tr>
<tr>
<td><font class="en1">Inhalt: </font> </td>
<td><textarea Name=Nachricht Zeilen=5 Spalten=35 Klasse="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></textarea></td></tr></table>
</body>
</html>

<<: Detaillierte Erläuterung der Live-Übertragungsfunktion von Vue

>>: Tutorial zur Ein-Klick-Installation von Docker und Docker-Compose (unterstützt online und offline)

Lösungen für das Problem der Tabellenschachtelung und Rahmenzusammenführung

Stil-Trigger-Effekt des Webseiten-Eingabefelds

Lösungen für das Problem der Tabellenschachtelung und Rahmenzusammenführung

Verwenden Sie Prometheus, um den verbleibenden verfügbaren Prozentsatz der MySQL-Autoinkrement-Primärschlüssel zu zählen

Detaillierte Erläuterung der default_server-Definition und der entsprechenden Regeln von nginx

Lösung für das Problem des IP-Verlusts durch das Kopieren der virtuellen Centos8-Maschine unter VMWARE

Analyse des Bereitstellungsprozesses der Leistungstestplattform nGrinder mit Docker

Detaillierte Erläuterung des Ausführungsprinzips des MySQL-Kill-Befehls

Grafische Erklärung des MySQL-Abfragecaches

So schreiben Sie mithilfe von Filtern transparentes CSS für Bilder

jQuery zum Erreichen des Sperrfeuereffekts

Lösen Sie das Problem der Docker-Protokollmontage

Artikel empfehlen

5 Möglichkeiten zur Migration von MySQL zu ClickHouse

Detailliertes grafisches Tutorial zur Installation der virtuellen CentOS7-Maschine in Virtualbox

Vor- und Nachteile von Vite und Vue CLI

Centos6.9-Installation Mysql5.7.18 Schrittaufzeichnung

Detailliertes Tutorial zur Bereitstellung einer OpenStack-Umgebung basierend auf CentOS (OpenStack-Installation)

Lassen Sie uns über den Unterschied zwischen Containern und Bildern in Docker sprechen

MySql-Import - CSV-Datei oder tabulatorgetrennte Datei

Detaillierte Erklärung der Anzeigeeigenschaft im CSS-Beschriftungsmodus

Nginx löst Cross-Domain-Probleme und bindet Seiten von Drittanbietern ein

So verbinden Sie XShell und Netzwerkkonfiguration in CentOS7

JavaScript zum Erreichen der Produktabfragefunktion

Detaillierte Erklärung des JS-Browser-Ereignismodells

Einführung in die Verwendung des Daten-URI-Schemas zum Einbetten von Bildern in Webseiten

Warum der Speicherplatz nach dem Löschen von Daten in MySQL nicht freigegeben wird

Was sind die Vorteile von MySQL MGR?