会员表单样式简单写法
会员表单样式简单写法demo
出现角标图片地址自行替换
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>网页标题</title> <meta name="keywords" content="关键字列表" /> <meta name="description" content="网页描述" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"> .width{ width:500px; } </style> <script type="text/javascript"></script> </head> <body> <div> <form action="#.php"> <table border="1" bgcolor="#fff" rules="all" height="150px"> <tr> <th colspan="3" bgcolor="#c0c0c0" align="left">1.会员登录名和密码</th> </tr> <tr> <td align="right" width="150px"><font size="3">用户名:</font></td> <td><input type="text" name="username"/><img src="li01.jpg"/></td> <td class="width"><font size="2" color="skybule"><input type="button" value="检测用户名"/>5-15位,请使用英文(a-z,A-Z),数字(0-9)</font></td> </tr> <tr> <td align="right"><font size="3">密 码:</font></td> <td><input type="password" name="userpassword"/><img src="li01.jpg"/></td> <td><font size="2" color="skybule">5-15位,请使用英文(a-z,A-Z),数字(0-9)注意区分大小写:<br/>密码不能与登录名相同;易记;难猜</font></td> </tr> <tr> <td align="right"><font size="3">再次输入密码:</font></td> <td><input type="password" name="userpassword"/><img src="li01.jpg"/></td> <td><font size="2" color="skybule" >再次输入的密码必须一致</font></td> </tr> </table> </form> <form> <table border="1" bgcolor="#fff" rules="all" height="150px"> <tr> <th colspan="3" bgcolor="#c0c0c0" align="left">2.姓名和联系方式</th> </tr> </tr> <tr> <td align="right" width="150px"><font size="3" >真实姓名:</font></td> <td><input type="text" name="username"/><img src="li01.jpg"/></td> <td class="width"><input type="radio" name="sex" value="男"/>先生<input type="radio" name="sex" value="女"/>女士</td> </tr> <tr> <td align="right" width="150px"><font size="3" >电子邮箱:</font></td> <td><input type="text" name="diyx"/><img src="li01.jpg"/></td> <td><font size="2" color="red" >非常重要!</font><br/><font size="2" color="skybule" >这是客户与你联系的首选方式,请你一定填写真实</font></td> </tr> <tr> <td align="right" width="150px"><font size="3" >固定电话:</font></td> <td><input type="text" name="diyx"><img src="li01.jpg"/></td> <td><font size="2" color="skybule" >区号+电话号码</font></td> </tr> <tr> <td align="right" width="150px"><font size="3" >所在公司:</font></td> <td colspan="2"> <select name="city"> <option value="北京市" selected="selected">北京市</option> <option value="天津市">津市天津市天津市</option> </select> <select name="city"> <option value="东城" selected="selected">东城</option> <option value="西城">西城</option> </select> </td> </tr> <tr> <td align="right" width="150px" ><font size="3" >街道地址:</font></td> <td colspan="2"> <input type="text" name="jddz"size="45"/><img src="li01.jpg"/> <font size="2" color="skybule" >填写县(区),街道,门牌号</font> </td> </tr> <tr> <td align="right" width="150px"><font size="3" >传真号码:</font></td> <td colspan="2"><input type="text" name="czhm"/><img src="li01.jpg"/></td> </tr> <tr> <td align="right" width="150px"><font size="3" >手机号码:</font></td> <td colspan="2"><input type="text" name="sjhm"/><img src="li01.jpg"/></td> </tr> <tr> <td align="right" width="150px"><font size="3" >邮政编码:</font></td> <td colspan="2"><input type="text" name="yzbm"/><img src="li01.jpg"/></td> </tr> </table> </form> <form> <table border="1" bgcolor="#fff" rules="all" height="150px"> <tr> <th colspan="3" bgcolor="#c0c0c0" align="left">3.公司名称和主营业务</th> </tr> <tr> <td align="right" width="150px"><font size="3">贵公司名称:</font></td> <td><input type="text" name="username"/><img src="li01.jpg"/></td> <td class="width"><font size="2" color="skybule">请填写在工商局注册的公司/商号全称:<br/> 无商号的个体经营者填写执照上的姓名,如:张三(个体经营)</font></td> </tr> <tr> <td align="right" width="150px"><font size="3">你的职位:</font></td> <td><input type="text" name="ndzw"/><img src="li01.jpg"/></td> <td></td> </tr> <tr> <td align="right" width="150px"><font size="3">主营行业:</font></td> <td> <select name="zyhy"> <option value="电子工业" selected="selected">电子工业</option> <option value="计算机">计算机</option> </select> </td> <td><font size="2" color="skybule">请你正确选择.你会收到该行业,该产品的供求信息</font></td> </tr> <tr> <td align="right" width="150px"><font size="3">主营产品/服务:</font></td> <td colspan="2"><input type="text" name="zycp/fw"size="30"/><img src="li01.jpg"/> <font size="2" color="skybule">3个主要相关产品/服务名,最少要填写一个.例如:太阳帽,布料,拉链</font> </tr> <tr> <td align="right" width="150px"><font size="3">公司网址:</font></td> <td colspan="2"><input type="text" name="gswz" value="http://" size="30"/><img src="li01.jpg"45 </tr> <tr> <td></td> <td colspan="2"><input type="submit" value="确认提交"/></td> </tr> </table> </form> </div> </body> </html>