注册系统功能的完善
下面这份代码把我们刚才做的注册系统功能完善了一下，各个功能的作用都已在注释中给出：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>为梦而狂-注册页</title>
5 <meta http-equiv="Content-Type" content=
6 "text/html;charset=utf-8"/>
7 </head>
8 <body>
9 <form action="" method="post" name="registerform"><br/><br/> <!-- action表示提交路径，可提交到服务器上任何
10 地方。只要服务器可以处理。-->
11 <table align="center"> <!-- 若不添加，在本页面上处理 --> <!-- method默认为get,添加到链接后面，不安全 -->
12 <!-- Post表示把数据封装到请求里面去了，这样更安全 -->
13 <caption><font size="6" color="green" face="Ink Free">Come and Join us!</font></caption>
14 <tr><td>账号:</td><td><input type="text" name="username" placeholder="邮箱/手机/用户名"/></td></tr>
15 <!-- 这里起名字(name)是为了传送到服务器端时可以知道是什么数据 -->
16 <tr><td>密码:</td><td><input type="password" name="password" placeholder="请输入密码"/></td><tr/>
17 <!-- placeholder表示提示信息 -->
18 <tr><td>确认密码:</td><td><input type="password" name="repassword" placeholder="请再次输入密码"/></td><tr/>
19 <tr><td>性别:</td><td>男<input type="radio" name="sex" checked="true"/>
20 女<input type="radio" name="sex"/></td><tr/>
21 <!-- radio表示这是一个单选框，通过设置name=啥啥啥(设置同一个名字)表示这几个之间只能选一个 -->
22 <tr><td>兴趣爱好:</td><td>摄影<input type="checkbox" name="hobby">篮球<input type="checkbox" name="hobby">
23 读书<input type="checkbox" name="hobby"></td></tr>
24 <!-- checkbox表示可以多选 -->
25 <tr><td></td><td>街舞<input type="checkbox" name="hobby">唱歌<input type="checkbox" name="hobby">
26 电影<input type="checkbox" name="hobby"></td></tr>
27 <tr><td></td><td>音乐<input type="checkbox" name="hobby">动漫<input type="checkbox" name="hobby">
28 游戏<input type="checkbox" name="hobby"></td></tr>
29 <tr>
30 <td>生日:</td><td>
31 <select name="year"> <!-- 这个是下拉列表 -->
32 <option>2021年</option><option>2020年</option><option>2019年</option><option>2018年</option>
33 <option>2017年</option><option>2016年</option><option>2015年</option><option>2014年</option>
34 <option>2013年</option><option>2012年</option><option>2011年</option><option>2010年</option>
35 <option>2009年</option><option>2008年</option><option>2007年</option><option>2006年</option>
36 <option>2005年</option><option>2004年</option><option>2003年</option><option>2002年</option>
37 <option selected>2001年</option><option>2000年</option><option>1999年</option>
38 <option>1998年</option><option>1997年</option><option>1996年</option><option>1995年</option>
39 <option>1994年</option><option>1993年</option><option>1992年</option><option>1991年</option>
40 <option>1990年</option><option>1989年</option><option>1988年</option><option>1987年</option>
41 </select>
42 <select name="month"> <!-- 通过selected设置默认年月日 --> <!-- name和value同样也是给服务器传数据的 -->
43 <option value="1" selected>1月</option><option>2月</option><option>3月</option>
44 <option>4月</option><option>5月</option><option>6月</option>
45 <option>7月</option><option>8月</option><option>9月</option>
46 <option>10月</option><option>11月</option><option>12月</option>
47 </select>
48 <select name="day">
49 <option>1日</option><option>2日</option><option>3日</option><option>4日</option><option>5日</option>
50 <option selected>6日</option><option>7日</option><option>8日</option><option>9日</option>
51 <option>10日</option><option>11日</option><option>12日</option><option>13日</option>
52 <option>14日</option><option>15日</option><option>16日</option><option>17日</option>
53 <option>18日</option><option>19日</option><option>20日</option><option>21日</option>
54 <option>22日</option><option>23日</option><option>24日</option><option>25日</option>
55 <option>26日</option><option>27日</option><option>28日</option><option>29日</option>
56 <option>30日</option><option>31日</option>
57 </select>
58 </td>
59 </tr>
60 <tr>
61 <td>介绍一下你自己吧！</td><td><textarea name="message" placeholder="畅所欲言吧！" rows="15" cols="100">
62 </textarea></td> <!-- textarea是文本域，可输入大段文字 -->
63 </tr>
64 <!-- 下面这个是用来上传文件的 -->
65 <tr><td>文件上传:</td><td><input type="file" name="getFile"/></td></tr>
66 <tr><td colspan="2" align="center"><input type="submit" name="register" value="点击加入"/>
67 <input type="reset" name="reset" value="全部重新填写"/></td></tr>
68 <!-- 通过value修改提交按钮上的文字 -->
69 </table>
70 </form>
71 </body>
72 </html>
浙公网安备 33010602011771号