练习:-----制作登陆页面

制作登陆页面

 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">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>网站登陆</title><!--不显示黑色的框-->
 6 
 7 </head>
 8 
 9 <body background="jianbianlan.jpg">
10 <table width="50%" cellpadding="10" border="2"ellspacing="1" align="center"> <!--黑色线实际是两个像素,因为是两个相框拼起来的-->
11 <form>
12 <tr>
13 <td align="right">邮箱:</td>
14  <td><input type="txt" />&nbsp;&nbsp;<select size="1">
15  <option>@qq.com</option>
16   <option>@163.com</option>
17   
18       </select></td>
19  </tr>
20  
21  <tr>
22 <td>&nbsp;</td>
23  <td><font color="#CCCCCC" size="-1">需要通过邮箱激活账户,不支持sohu,21cn,soguo的邮箱</font></td>
24  </tr>
25  
26  <tr>
27 <td align="right">登录用户名:</td>
28  <td><input type="txt" /></td>
29  </tr>
30  
31  <tr>
32 <td>&nbsp;</td>
33  <td><font color="#CCCCCC" size="-1">仅在登陆是使用,字符数不少于4个子</font></td>
34  </tr>
35  
36  <tr>
37 <td align="right">显示名称:</td>
38  <td><input type="txt" /></td>
39  </tr>
40  
41  <tr>
42 <td>&nbsp;</td>
43  <td><font color="#CCCCCC" size="-1">即昵称,字符数不少于2个</font></td>
44  </tr>
45  
46  <tr>
47 <td align="right">密码:</td>
48  <td><input type="password"/></td>
49  </tr>
50  
51  <tr>
52 <td align="right">确认密码:</td>
53  <td><input type="password"/></td>
54  </tr>
55  
56  <tr>
57 <td>&nbsp;</td>
58  <td><font color="#CCCCCC" size="-1">至少8位,必须包含字母、数字、特殊字符</font></td>
59  </tr>
60  
61  <tr>
62 <td align="right">性别:</td>
63  <td><input type="radio" name="xingbei"/>男<input type="radio" name="xingbei"/>女</td>
64  </tr>
65  
66  <tr>
67 <td align="right">喜好:</td>
68  <td><select size="1">
69  <option>听音乐</option>
70   <option>画画</option>
71    <option>冒险</option>
72     <option>唱歌</option>
73       <option>运动</option>
74       </select>
75  </td>
76  </tr>
77  
78  <tr>
79 <td>&nbsp;</td>
80  <td><input type="submit" value="注册">&nbsp;<input type="reset"/>&nbsp;<input type="submit" value="登陆"></td>
81  </tr>
82  
83 </form>
84 </table>
85 </body>
86 </html>

显示效果:

原文地址:https://www.cnblogs.com/yuyu1993/p/5489241.html