This example mainly learns two parameters onblur and onFocus. Because these two parameters are rarely encountered before, baidu understands that onblur is an event triggered when the control loses focus, and onFocus is an event triggered when it becomes the input focus. Both parameters can be combined with className to directly call the style sheet class name.
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd> <html> <head> <meta http-equiv=Content-Type content=text/html; charset=gb2312> <title></title> </head> <body> <style 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-size: 12px; } .input1-bor { font-family:verdana;background-color:#F0F8FF;font-size: 12px; border: 1px solid #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>Email:</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>Website:</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>Theme:</font> </td> <td><input size=40 name=subject 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'></textarea></td></tr></table> </body> </html> |