纯表格打造的邮箱登录页面

源代码：

 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 <style type="text/css">
 7 html,body{margin: 0;padding: 0;height: 100%;}
 8 </style>
 9 </head>
10 <body>
11 <center>
12 <table height="150px">
13 <tr></tr>
14 </table>
15 
16 <table border="0px" width="495px" height="279px" background="emailbg.png"> 
17 <tr>
18 <td width="220px" rowspan="3"></td>
19 <td height="10%"></td>
20 </tr>
21 <tr>
22 <td>
23     <table width="100%" height="200px" border="0px">
24      <tr>
25        <td>用户名:</td><td><input name="username"/></td>
26      </tr>
27      <tr>
28       <td>密　码:</td><td><input type="password" name="pass"/></td>
29      </tr>
30      <tr>
31       <td colspan="2">　　
32        <input type="submit" value="进入邮箱"/>　　
33        <input type="reset" value="重新填写"/>
34       </td>
35      </tr>
36      <tr>
37       <td colspan="2">　　
38        <a href="#">找回密码</a>　　
39        <a href="#">注册用户</a>
40       </td>
41      </tr>
42     </table>
43 </td>
44 </tr>
45 <tr><td></td></tr>
46 </table>
47 </center>
48 </body>
49 </html>

 

posted on 2012-07-14 12:44  郑志伟  阅读(664)  评论(0)  编辑  收藏  举报

导航