Cet exemple apprend principalement deux paramètres onblur et onfocus. Étant donné que ces deux paramètres sont rarement rencontrés auparavant, Baidu comprend qu'Onblur est un événement déclenché lorsque le contrôle perd la focalisation, et OnFocus est un événement déclenché lorsqu'il devient la mise au point d'entrée. Les deux paramètres peuvent être combinés avec ClassName pour appeler directement le nom de la classe de feuille de style.
<! Doctype html public - // w3c // dtd html 4.01 transitional // en http://www.w3.org/tr/html4/loose.dtd> <html> <adal> <meta http-equiv = contenu contenu contenu = text / html; charse = gb2312> <Title> </Title> </ head> <body> <style type = text / css> .input1 { Font-Family: Verdana; Background-Color: #eeeeee; border-bottom: #fffff 1px solide; border-left: #cccccc 1px solide; border droite: #fffff 1px solide; border-top: #cccccc 1px solide; font-size: 12px; } .input1-bor { Font-Family: Verdana; Background-Color: # F0F8FF; Font-Size: 12px; Border: 1px solide # 333333;} </ style> <Table CELLPACING = 2 CELLPADING = 0 Width = 300 Border = 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> <input size = 40 name = e-mail class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <TD> <FONT CLASS = EN1> Site Web: </font> </td> <td> <input size = 40 name = url class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> thème: </font> </td> <td> <input size = 40 name = sujet class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> Contenu: </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> </docy> </html> |