[HTML] 做个空壳网页练手(菜鸡的自我信息完善

[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>