Este ejemplo aprende principalmente dos parámetros Onblur y Onfocus. Debido a que estos dos parámetros rara vez se encuentran antes, Baidu entiende que Onblur es un evento activado cuando el control pierde el enfoque, y Onfocus es un evento activado cuando se convierte en el enfoque de entrada. Ambos parámetros se pueden combinar con ClassName para llamar directamente al nombre de la clase de hoja de estilo.
<! Doctype html público -// w3c // dtd html 4.01 transición // es http://www.w3.org/tr/html4/loose.dtd> <html> <Evista> <meta http-oquiv = content-type content = text/html; Charset = GB2312> <title> </title> </ablo> <Body> <estilo type = text/css> .Input1 { Font-Family: Verdana; Background-Color: #EEEEEE; Border-Bottom: #fffff 1px Solid; Border-Left: #CCCCCC 1PX Solid; Border-Right: #FFFFF 1PX SOLID; Border-Top: #CCCCCC 1PX SOLID; FONT-SISE: 12PX; } .Input1-Bor { Font-Family: Verdana; Color de fondo:#F0F8FF; Font-Size: 12px; borde: 1px sólido #3333333;} </style> <Tabla CellPacing = 2 CellPading = 0 Width = 300 Border = 0> <tr> <TD> <font class = en1> nombre: </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> correo electrónico: </font> </td> <TD> <input size = 40 name = email class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <TD> <font class = en1> sitio 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> temo: </font> </td> <TD> <input size = 40 name = stem class = input1 onblur = this.classname = 'input1' onFocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> content: </font> </td> <TD> <TextArea name = Message Rows = 5 cols = 35 class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </extAREA> </td> </tr> </table> </body> </html> |