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
Artikel empfehlen
MySQL verwendet Aggregatfunktionen zum Abfragen einer einzelnen Tabelle
Aggregatfunktionen Wirkt auf einen Datensatz ein ...
Detailliertes Tutorial zur Überwachung von Nginx/Tomcat/MySQL mit Zabbix
Inhaltsverzeichnis Zabbix überwacht Nginx Zabbix ...
Eine kurze Einführung in die Unterschiede zwischen HTML und XHTML sowie HTML4- und HTML5-Tags
Unterschied zwischen HTML und XHTML 1. XHTML-Elem...
CocosCreator Universal Framework Design Network
Inhaltsverzeichnis Vorwort WebSocket verwenden Er...
So betten Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML-Dateien ein
Flash-Dateiformate: .FLV und .SWF Für das Flash-Vi...
Der Prozess der Bereitstellung eines Projekts auf einem anderen Host mit Jenkins
Umfeld Hostname IP-Adresse Aufschlag Jenkins 192....
Einfaches Beispiel zum Hinzufügen und Entfernen von HTML-Knoten
Einfaches Beispiel für das Hinzufügen und Entfern...
Front-End-JavaScript versteht Funktions-Currying gründlich
Inhaltsverzeichnis 1. Was ist Curry 2. Verwendung...
Webdesigner ist ein geeignetes Talent
<br />Es gibt keine Straße auf der Welt. Wen...
Analyse der Vorteile von path.join() in Node.js
Sie fragen sich möglicherweise, warum Sie die Met...
MySQL-Export ganzer oder einzelner Tabellendaten
Exportieren einer einzelnen Tabelle mysqldump -u ...
Fünf Möglichkeiten zum automatischen Seitensprung in HTML
Im vorherigen Artikel haben wir drei gängige Meth...
Realisieren Sie Kartenaggregations- und Streueffekte basierend auf Vue + OpenLayer
Inhaltsverzeichnis Vorwort: Ergebnis: 1. Polymeri...
Detaillierte Erläuterung zur Verwendung von Docker zum Erstellen einer einfachen Java-Entwicklungs- und Kompilierungsumgebung
Es gibt viele Versionen der Java-Sprache. Zusätzl...
Linux-Konfiguration ohne Passwort-Login, eigenständige und vollständige Distribution, ausführliches Tutorial
Inhaltsverzeichnis 1: Kennwortfreie Anmeldekonfig...