|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <link rel="icon" type="text/css" href="./img/favicon.png"/> <title></title> </head> <body> <center> <form action="Success.html" target="_blank" method="get"> <table border="0" cellspacing="" cellpadding=""> <tr> <td><label for="firstname">名字:</label></td> <td><input type="text" name="firstname" id="firstname" required="required" value="" /></td> </tr> <tr> <td><label for="lastname">姓氏:</label></td> <td><input type="text" name="lastname" id="lastname" required="required" value="" /></td> </tr> <tr> <td><label for="login name">登录名:</label></td> <td><input type="text" name="login name" required="required" pattern="^\w{4,8}$" id="login name" value="" />（可包含a-z、0-9和下划线）@ www.haoshilao.net</td> </tr> <tr> <td><label for="password">密码:</label></td> <td><input type="password" name="password" required="required" pattern="^[a-zA-Z]\w{5,17}$" id="password" value="" />（至少包含6个字符）</td> </tr> <tr> <td><label for="password2">再次输入密码:</label></td> <td><input type="password" name="password2" required="required" pattern="^[a-zA-Z]\w{5,17}$" id="password2" value="" /></td> </tr> <tr> <td><label for="myEmail">电子邮箱:</label></td> <td><input type="email" name="myEmail" id="myEmail" value="" />（必须包含@字符@ www.xuepai.net）</td> </tr> <tr> <td><label>性别:</label></td> <td> <input type="radio" name="sex" id="" value="male" />男<img src="./img/Male.gif" > <input type="radio" name="sex" id="" value="female" />女<img src="./img/Female.gif" > </td> </tr> <tr> <td><label>头像:</label></td> <td><input type="file" name="myFile" /></td> </tr> <tr> <td><label>爱好:</label></td> <td> <input type="checkbox" name="hobby" id="" value="运动" />运动 <input type="checkbox" name="hobby" id="" value="聊天" />聊天 <input type="checkbox" name="hobby" id="" value="玩游戏" />玩游戏 </td> </tr> <tr> <td><label>出生日期:</label></td> <td> <input type="text" size="1" name="year"placeholder="yyyy" id="" value="" />年 <select name="month"> <option value ="0">[选择月份]</option> <option value ="1">1月</option> <option value ="2">2月</option> <option value ="3">3月</option> <option value ="4">4月</option> <option value ="5">5月</option> <option value ="6">6月</option> <option value ="7">7月</option> <option value ="8">8月</option> <option value ="9">9月</option> <option value ="10">10月</option> <option value ="11">11月</option> <option value ="12">12月</option> </select> <input type="text" size="1" name="day" placeholder="dd"/>日 </td> </tr> </table> <input type="image" src="img/submit.gif" value="提交" /> <input type="image" src="img/reset.gif" onclick="reset();return false;" value="重填" /> </form> </center> </body></html> |
若觉得左边的标签左对齐不好看，也可以在 < td >标签中加入align=“right”,使文字右对齐