非常不错的表单显示效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0035)http://www.jscode.cn/JsCode/483.htm -->
<HTML><HEAD><TITLE>网页特效|Linkweb.cn/Js|---非常不错的表单显示效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
 COLOR: #ffffff; FONT-FAMILY: verdana,font-size: 12px; BACKGROUND-COLOR: #ffffff
}
.en1 {
 FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
.input1 {
 BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #eeeeee
}
.input1-bor {
 BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #f0f8ff
}
</STYLE>
<LINK href="../text.css" type=text/css rel=stylesheet>
<STYLE type=text/css>.en1 {
 FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
.input1 {
 BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #eeeeee
}
</STYLE>

<META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=2 cellPadding=0 width=300 border=0>
  <TBODY>
  <TR>
    <TD><FONT class=en1>姓名:</FONT> </TD>
    <TD><INPUT class=input1 onblur="this.className='input1'"
      onfocus="this.className='input1-bor'" size=40 name=name> </TD></TR>
  <TR>
    <TD><FONT class=en1>邮箱:</FONT></TD>
    <TD><INPUT class=input1 onblur="this.className='input1'"
      onfocus="this.className='input1-bor'" size=40 name=email></TD></TR>
  <TR>
    <TD><FONT class=en1>网址:</FONT> </TD>
    <TD><INPUT class=input1 onblur="this.className='input1'"
      onfocus="this.className='input1-bor'" size=40 name=url> </TD></TR>
  <TR>
    <TD><FONT class=en1>主题:</FONT> </TD>
    <TD><INPUT class=input1 onblur="this.className='input1'"
      onfocus="this.className='input1-bor'" size=40 name=subject> </TD></TR>
  <TR>
    <TD><FONT class=en1>内容: </FONT></TD>
    <TD><TEXTAREA class=input1 onblur="this.className='input1'" onfocus="this.className='input1-bor'" name=message rows=5 cols=35></TEXTAREA>
    </TD></TR></TBODY></TABLE></BODY></HTML>
 非常不错的表单显示效果

你可能感兴趣的:(html,css)