船长 发表于 2009-03-03 11:09 | 分类:css | 阅读数:484 次
高亮度验的表单显示效果,其实很简单^_^
<style type="text/css"> body {margin:0px;font:normal 12px "宋体", Verdana, Arial, Helvetica,sans-serif;color: #3D362B;text-align:center;padding:0px;} *{font-size:12px;margin:0px;padding:0px;} .BladeInput{BORDER: #ccc 1px solid;line-height:16px;color:#666;font-family:arial;padding-left:3px;} .BladeInput2{BORDER: #999 1px solid;line-height:16px;color:#666;font-family:arial;padding-left:3px;background:#FFFFEA} </style> <form action=http://www.songlecn.com method="post" name="theForm" id="theForm"> <table width="400" border="0" align="center" cellpadding="0" cellspacing="5" > <tr> <td width="92" height="26" align="right">用户帐户</td> <td width="408"><font color="#666666"><input name="UserName" type="text" class="BladeInput" id="UserName" onFocus="this.className='Bladeinput2'" onBlur="this.className='Bladeinput'" size="20" maxlength="12"> </font></td> </tr> <tr> <td height="26" align="right">用户密码</td> <td><font color="#666666"><input name="UserPass" type="password" class="BladeInput" id="UserPass" onFocus="this.className='Bladeinput2'" onBlur="this.className='Bladeinput'" size="20" maxlength="12" > </font></td> </tr> <tr> <td height="26" align="right">重输密码</td> <td><font color="#666666"><input name="UserPass2" type="password" class="BladeInput" id="UserPass2" onFocus="this.className='Bladeinput2'" onBlur="this.className='Bladeinput'" size="20" maxlength="12"> </font></td> </tr> <tr> <td height="26" align="right"> </td> <td> <input type="submit" name="Submit" value="提交注册"> </td> </tr> </table> </form>
提示:你可以先修改部分代码再运行。
您的网名: * 必填
电子邮件: * 绝不会泄露
个人主页:
评论内容:
(Ctrl+Enter快捷回复)
web集结号致力于