制作登陆页面
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" /> <select size="1"> 15 <option>@qq.com</option> 16 <option>@163.com</option> 17 18 </select></td> 19 </tr> 20 21 <tr> 22 <td> </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> </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> </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> </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> </td> 80 <td><input type="submit" value="注册"> <input type="reset"/> <input type="submit" value="登陆"></td> 81 </tr> 82 83 </form> 84 </table> 85 </body> 86 </html>
显示效果: