首页 > 代码库 > 表单应用

表单应用


1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title>网页标题</title> 6 <meta name="keywords" content="关键字列表" /> 7 <meta name="description" content="网页描述" /> 8 <link rel="stylesheet" type="text/css" href="" /> 9 <style type="text/css"></style> 10 <script type="text/javascript"></script> 11 </head> 12 <body> 13 <!--用表单和表单完成以下效果--> 14 <form name="forml" method="get" > 15 <table border="1" align="center" cellspacing="0"> 16 <tr bgcolor=#ffff66> 17 <td colspan="3">1.会员登陆名与密码</td> 18 </tr> 19 <tr> 20 <td align="right">用户名:</td> 21 <td><input type="text" name="user">*</td> 22 <td> 23 <input type="bottom" name="jian" value="检测用户名"> 24 <font size="1" color="green">5-15位,不区分大小写。可以使用数字</font> 25 </td> 26 </tr> 27 <tr> 28 <td align="right">密码:</td> 29 <td><input type="password" name="pass">*</td> 30 <td> 31 <font size="1" color="green">5-15位,不区分大小写。可以使用数字</font> 32 </td> 33 </tr> 34 <tr> 35 <td align="right">再次输入密码:</td> 36 <td><input type="password" name="pass">*</td> 37 <td> 38 <font size="1" color="green">两次输入密码必须一致</font> 39 </td> 40 </tr> 41 <tr bgcolor=#ffff66> 42 <td colspan="3">2.姓名与联系方式</td> 43 </tr> 44 <tr> 45 <td align="right">真实姓名:</td> 46 <td><input type="text" name="name">*</td> 47 <td> 48 <input type="radio" name="sex" value="男" checked="checked"><font size="1"></font> 49 <input type="radio" name="sex" value="女"><font size="1"></font> 50 </td> 51 </tr> 52 <tr> 53 <td align="right">电子邮箱:</td> 54 <td><input type="text" name="mail">*</td> 55 <td> 56 <font size=1 color="red">非常重要!</font><br> 57 <font size="1" color="green">客户与你联系的方式</font> 58 </td> 59 </tr> 60 <tr> 61 <td align="right">固定电话:</td> 62 <td colspan="2"> 63 <select name="city"> 64 <option value="北京">北京</option> 65 <option value="上海" selected="selected">上海</option> 66 </select> 67 <select name="city"> 68 <option value="朝阳区">朝阳区</option> 69 <option value="北湖区" selected="selected">北湖区</option> 70 </select></td> 71 </tr> 72 <tr> 73 <td align="right">街道地址:</td> 74 <td colspan="2"> 75 <input type="text" name="jie" size="35"><font size="1" color="green">*填写县(区),街道,门牌号</font> 76 </td> 77 78 </tr> 79 <tr> 80 <td align="right">手机号码:</td> 81 <td colspan="2"><input type="text" name="zhen"></td> 82 </tr> 83 <tr> 84 <td align="right">传真号码:</td> 85 <td colspan="2"><input type="text" name="shou"></td> 86 </tr> 87 <tr> 88 <td align="right">邮政编码:</td> 89 <td colspan="2"><input type="text" name="you"></td> 90 </tr> 91 <tr bgcolor=#ffff66> 92 <td colspan="3">3.公司名称与主营业务</td> 93 </tr> 94 <tr> 95 <td align="right">贵公司名称:</td> 96 <td><input type="text" name="gong">*</td> 97 <td> 98 <font size="1" color="green">请填写在工商局注册的公司/上好全称;个体填写自己姓名</font> 99 </td> 100 </tr> 101 <tr> 102 <td align="right">你的职位:</td> 103 <td><input type="text" name="job"></td> 104 <td></td> 105 </tr> 106 <tr> 107 <td align="right">主营行业:</td> 108 <td colspan="2"> 109 <select name="gong"> 110 <option value="电工">电工</option> 111 <option value="保安">保安</option> 112 <option value="经理">经理</option> 113 <option value="文员">文员</option> 114 </select> 115 </td> 116 </tr> 117 <tr> 118 <td align="right">主营产品/服务:</td> 119 <td><input type="text" name="fu">*</td> 120 <td> 121 <font size="1" color="green">3个主要的产品,最少填一个</font> 122 </td> 123 </tr> 124 <tr> 125 <td align="right">公司网址:</td> 126 <td colspan="2"><input type="text" name="yu" value="http://">*</td> 127 </tr> 128 <tr> 129 <td></td> 130 <td colspan="2"><input type="submit" name="确认提交"></td> 131 </tr> 132 </table> 133 </form> 134 </body> 135 </html>

技术分享

 

表单应用