![[HTML] 做个空壳网页练手(菜鸡的自我信息完善](/default/index/img?u=aHR0cDovL2ltYWdlMS5idWJ1a28uY29tL2luZm8vMjAyMTA3LzIwMjEwNzE4MTQxMjUyNTk5ODA0LnBuZw== "[HTML] 做个空壳网页练手(菜鸡的自我信息完善")
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>information</title>
6 <style>
7 body{
8 background-image: url("https://i0.hdslb.com/bfs/article/d55379889344ae8a88335ecac6553ed78ae7bce8.jpg@942w_531h_progressive.webp");
9 background-size : cover;
10 }
11 </style>
12 </head>
13 <body>
14 <div align="center">
15 <h1><font color="skyblue" > 信息完善</font></h1>
16 <form action="/login.jsp" method="GET">
17 <table width="280px">
18 <tr>
19 <td width="80px" align="right"><font color="red">*</font>用户名 :</td>
20 <td colspan="4">
21 <input type="text" name="username">
22 </td>
23 </tr>
24 <tr>
25 <td width="80px" align="right"><font color="red">*</font>密码 :</td>
26 <td colspan="4">
27 <input type="password" name="password" placeholder="大于六位,包含字母数字">
28 </td>
29 </tr>
30 <tr>
31 <td width="100px" align="right"><font color="red">*</font>确认密码 :</td>
32 <td colspan="4">
33 <input type="password" name="surepassword" placeholder="请再次输入密码">
34 </td>
35 </tr>
36 <tr>
37 <td width="80px" align="right"><font color="red">*</font>邮箱 :</td>
38 <td colspan="4">
39 <input type="text" name="email">
40 </td>
41 </tr>
42 <tr>
43 <td width="80px" align="right"><font color="red">*</font>真实姓名 :</td>
44 <td colspan="4">
45 <input type="text" name="name">
46 </td>
47 </tr>
48 <tr>
49 <td width="100px" align="right">性别 :</td>
50 <td >
51 男<input type="radio" name="sex" value="male" >
52 </td>
53 <td >
54 女<input type="radio" name="sex" value="female" >
55 </td>
56 </tr>
57 <tr>
58 <td align="right" width="100px">生日 :</td>
59 <td>
60 <select width>
61 <option hidden>年</option>
62 <option value="1999">1999</option>
63 <option value="2000">2000</option>
64 <option value="2001">2001</option>
65 <option value="2002">2002</option>
66 <option value="2003">2003</option>
67 </select>
68 </td>
69 <td>
70 <select>
71 <option hidden>月</option>
72 <option value="1">1</option>
73 <option value="3">3</option>
74 <option value="5">5</option>
75 <option value="7">7</option>
76 <option value="12">12</option>
77 </select>
78 </td>
79 <td>
80 <select>
81 <option hidden>日</option>
82 <option value="5">5</option>
83 <option value="10">10</option>
84 <option value="15">15</option>
85 <option value="20">20</option>
86 <option value="25">25</option>
87 </select>
88 </td>
89 </tr>
90 <tr>
91 <td width="80px" align="right"><font color="red">*</font>手机号 :</td>
92 <td colspan="4">
93 <input type="text" name="phone">
94 </td>
95 </tr>
96 <tr>
97 <td width="80px" align="right">居住地</td>
98 <td>
99 <select>
100 <option hidden>星系</option>
101 <option value="银河系">银河系</option>
102 <option value="坐标系">坐标系</option>
103 <option value="恶魔系">恶魔系</option>
104 </select>
105 </td>
106 <td>
107 <select>
108 <option hidden>星球</option>
109 <option value="地球">地球</option>
110 <option value="篮球">篮球</option>
111 <option value="赛博坦星球">赛博坦</option>
112 </select>
113 </td>
114 <td>
115 <select>
116 <option hidden>区域</option>
117 <option value="南美洲">南美洲</option>
118 <option value="太平洋">太平洋</option>
119 <option value="南极">南极</option>
120 </select>
121 </td>
122 </tr>
123 <tr>
124 <td width="80px" align="right"><font color="red">*</font>QQ :</td>
125 <td colspan="4">
126 <input type="text" name="QQ">
127 </td>
128 </tr>
129 <tr>
130 <td></td>
131 <td colspan="4">
132 <a href="https://im.qq.com/"><font color="black">去设置我的QQ在线状态</font></a>
133 </td>
134 </tr>
135 </table>
136 <input type="submit" value="提交">
137 </form>
138 </div>
139 <div align="right">
140 <a href="https://blog.csdn.net/qq_39391544">
141 <img src="https://avatar.csdnimg.cn/E/2/1/1_qq_39391544_1624348562.jpg" alt="">
142 </a>
143 </div>
144 </body>
145 </html>
[HTML] 做个空壳网页练手(菜鸡的自我信息完善