|
关于onblur和onfocus对表单的一点美化！
看下边的代码，很简单。
<style type="text/css">
body,td,th {
font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#B4CDCD}
.en1 {
font-size: 10px;font-family: Verdana
}
.input1{
font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 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>
<form action="" method="post">
<input type="hidden" value="add_message" name="action">
<table cellspacing=2 cellpadding=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 value=@ 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 value=http:// name=url class="input1" onblur="this.className=‘input1‘" onfocus="this.className=‘input1-bor‘"> </td>
</tr>
<tr>
<td><font class="en1">Subject:</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">Message: </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
|
