Dieses Beispiel lernt hauptsächlich zwei Parameter Onblur und Onfocus. Da diese beiden Parameter selten auftreten, versteht Baidu, dass Onblur ein Ereignis ist, das ausgelöst wird, wenn die Steuerung den Fokus verliert, und Onfokus ein Ereignis ist, das ausgelöst wird, wenn es zum Eingabefokus wird. Beide Parameter können mit ClassName kombiniert werden, um den Namen der Style Sheet -Klasse direkt aufzurufen.
<! DocType html public -// w3c // dtd html 4.01 transitional // en http://www.w3.org/tr/html4/loose.dtd> <html> <kopf> <meta http-äquiv = content-type content = text/html; charSet = gb2312> <title> </title> </head> <body> <style type = text/css> .input1 { Schriftfamilie: Verdana; Hintergrundfarbe: #eeeeee; Border-Bottom: #FFFFF 1PX Solid; Border-Links: #CCCCCCCCCCC 1PX Solid; Grenzrechte: #fffff 1px Solid; Border-Top: #ccccc 1px Solid; Font-Size: 12px; } .input1-bor { Schriftfamilie: Verdana; Hintergrundfarbe:#f0f8ff; Schriftgröße: 12px; Grenze: 1px fest #333333;} </style> <Table Cellpacing = 2 Cellpading = 0 Breite = 300 Grenze = 0> <tr> <td> <font class = en1> Name: </font> </td> <td> <input size = 40 name = name class = input1 onblur = this.className = 'input1' onfocus = this.className = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> E -Mail: </font> </td> <td> <Eingabegröße = 40 name = E-Mail class = input1 onblur = this.className = 'input1' onfocus = this.className = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> Website: </font> </td> <td> <Eingabegröße = 40 name = url class = input1 onblur = this.className = 'input1' onfocus = this.className = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> Thema: </font> </td> <td> <Eingabegröße = 40 name = Subjekt class = input1 onblur = this.className = 'input1' onfocus = this.className = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> Inhalt: </font> </td> <td> <textarea name = message rows = 5 cols = 35 class = input1 onblur = this.className = 'input1' onfocus = this.className = 'input1-bor'> </textarea> </td> </tr> </table> </body> </html> |