表单应用 


  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>

 

posted @ 2016-11-27 23:45  佳平  阅读(144)  评论(1)    收藏  举报