模仿：QQ注册
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <frameset> 8 <frame src="qq.html"></frame> 9 </frameset> 10 </html>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>qq注册</title> 6 <style> 7 body { 8 padding: 0px; 9 margin: 0px; 10 } 11 </style> 12 </head> 13 <body> 14 <table width="100%" cellpadding="0" cellspacing="0"> 15 <tr> 16 <td align="center"> 17 <table width="956" cellpadding="0" cellspacing="0"> 18 <tr> 19 <td><img src="https://imgcache.gtimg.cn/vipstyle/haoma/v2/img/logo.jpg"></td> 20 </tr> 21 <tr> 22 <td align="center"> 23 <table cellpadding="0" cellspacing="0"> 24 <tr> 25 <td width="210"> 26 <table cellpadding="0" cellspacing="0"> 27 <tr bgcolor="#59AFE4"> 28 <td align="center"> 29 <a href="qq.html"> 30 QQ账号<br/>由数字组成，经典通行账号 31 </a> 32 </td> 33 </tr> 34 <tr bgcolor="#E2ECF5"> 35 <td align="center"> 36 <a href="qq2.html"> 37 邮箱账号<br/>用邮箱地址注册，便于记忆 38 </a> 39 </td> 40 </tr> 41 <tr height="60" bgcolor="#E2ECF5"> 42 <td> </td> 43 </tr> 44 <tr bgcolor="#E2ECF5"> 45 <td> 46 <img src="http://imgcache.gtimg.cn/ACT/svip_act/act_img/public/201804/1524915175_750x198.jpg"> 47 </td> 48 </tr> 49 <tr height="400" bgcolor="#E2ECF5"> 50 <td> </td> 51 </tr> 52 </table> 53 </td> 54 <td width="746"> 55 <table cellpadding="0" cellspacing="0" width="100%"> 56 <tr> 57 <td align="center"> 58 <img src="http://imgcache.gtimg.cn/ACT/svip_act/act_img/public/201804/1523265267_750x198.jpg"> 59 </td> 60 </tr> 61 <tr> 62 <td> 63 <table width="100%" cellpadding="0" cellspacing="0" width="746"> 64 <tr> 65 <td colspan="2" style="border-bottom: 1px solid #ccc;">注册账号 66 </td> 67 </tr> 68 <tr> 69 <td align="right" width="40%">昵称：</td> 70 <td align="left" width="60%"> 71 <input type="text" name="" id="" style="width: 300px;height: 30px;"> 72 </td> 73 </tr> 74 <tr> 75 <td align="right" width="40%">密码：</td> 76 <td align="left" width="60%"> 77 <input type="password" name="" id="" style="width: 300px;height: 30px;"> 78 </td> 79 </tr> 80 <tr> 81 <td align="right" width="40%">确认密码：</td> 82 <td align="left" width="60%"> 83 <input type="password" name="" id="" style="width: 300px;height: 30px;"> 84 </td> 85 </tr> 86 <tr> 87 <td align="right" width="40%">性别：</td> 88 <td align="left"> 89 <input type="radio" name="sex" id="">男 90 <input type="radio" name="sex" id="">女 91 </td> 92 </tr> 93 <tr> 94 <td align="right" width="40%">生日：</td> 95 <td align="left"> 96 <select name="" id=""> 97 <option value="公历">公历</option> 98 </select> 99 <select name="" id=""> 100 <option value="年">年</option> 101 </select> 102 <select name="" id=""> 103 <option value="月">月</option> 104 </select> 105 <select name="" id=""> 106 <option value="日">日</option> 107 </select> 108 </td> 109 </tr> 110 <tr> 111 <td align="right" width="40%">所在地：</td> 112 <td align="left"> 113 <select name="" id=""> 114 <option value="中国">中国</option> 115 </select> 116 <select name="" id=""> 117 <option value="广东">广东</option> 118 </select> 119 <select name="" id=""> 120 <option value="深圳">深圳</option> 121 </select> 122 </td> 123 </tr> 124 <tr> 125 <td align="right" width="40%">验证码：</td> 126 <td align="left"> 127 128 </td> 129 </tr> 130 <tr> 131 <td align="right" width="40%">手机号码：</td> 132 <td align="left" width="60%"> 133 <input type="text" name="" id="" style="width: 300px;height: 30px;"> 134 </td> 135 </tr> 136 <tr> 137 <td> </td> 138 <td>忘记密码时，可通过该手机号码快速找回密码<br/> 139 请输入中国大陆手机号码（不含小灵通）<br/> 140 （其他地区号码点击这里） 141 </td> 142 </tr> 143 <tr> 144 <td align="right"> 145 146 </td> 147 <td> 148 <input type="text" name="" id=""> 149 <input type="button" value="获取短信验证码"> 150 </td> 151 </tr> 152 <tr> 153 <td> </td> 154 <td> 155 <input type="checkbox" name="" id="" checked="">同时开通QQ空间 156 </td> 157 </tr> 158 <tr> 159 <td> </td> 160 <td> 161 <input type="checkbox" name="" id="" checked="">我已阅读并同意相关服务条款和隐私政策 162 </td> 163 </tr> 164 <tr> 165 <td> </td> 166 <td> 167 <input type="submit" value="提交注册"> 168 </td> 169 </tr> 170 </table> 171 </td> 172 </tr> 173 </table> 174 </td> 175 </tr> 176 </table> 177 </td> 178 </tr> 179 <tr height="50" bgcolor="#ccc"> 180 <td align="center">Copyright © 1998-2018Tencent All Rights Reserved</td> 181 </tr> 182 </table> 183 </td> 184 </tr> 185 </table> 186 </body> 187 </html>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>邮箱注册</title> 6 <style> 7 body { 8 padding: 0px; 9 margin: 0px; 10 } 11 </style> 12 </head> 13 <body> 14 <table width="100%" cellpadding="0" cellspacing="0"> 15 <tr> 16 <td align="center"> 17 <table width="956" cellpadding="0" cellspacing="0"> 18 <tr> 19 <td><img src="https://imgcache.gtimg.cn/vipstyle/haoma/v2/img/logo.jpg"></td> 20 </tr> 21 <tr> 22 <td align="center"> 23 <table cellpadding="0" cellspacing="0"> 24 <tr> 25 <td width="210"> 26 <table cellpadding="0" cellspacing="0"> 27 <tr bgcolor="#E2ECF5"> 28 <td align="center"> 29 <a href="qq.html"> 30 QQ账号<br/>由数字组成，经典通行账号 31 </a> 32 </td> 33 </tr> 34 <tr bgcolor="#59AFE4"> 35 <td align="center"> 36 <a href="qq2.html"> 37 邮箱账号<br/>用邮箱地址注册，便于记忆 38 </a> 39 </td> 40 </tr> 41 <tr height="60" bgcolor="#E2ECF5"> 42 <td> </td> 43 </tr> 44 <tr bgcolor="#E2ECF5"> 45 <td> 46 <img src="http://imgcache.gtimg.cn/ACT/svip_act/act_img/public/201804/1524915175_750x198.jpg"> 47 </td> 48 </tr> 49 <tr height="400" bgcolor="#E2ECF5"> 50 <td> </td> 51 </tr> 52 </table> 53 </td> 54 <td width="746"> 55 <table cellpadding="0" cellspacing="0" width="100%"> 56 <tr> 57 <td align="center"> 58 <img src="http://imgcache.gtimg.cn/ACT/svip_act/act_img/public/201804/1523265267_750x198.jpg"> 59 </td> 60 </tr> 61 <tr> 62 <td> 63 <table width="100%" cellpadding="0" cellspacing="0" width="746"> 64 <tr> 65 <td colspan="2" style="border-bottom: 1px solid #ccc;">注册邮箱 66 </td> 67 </tr> 68 <tr> 69 <td align="right" width="40%">昵称：</td> 70 <td align="left" width="60%"> 71 <input type="text" name="" id="" style="width: 300px;height: 30px;"> 72 </td> 73 </tr> 74 <tr> 75 <td align="right" width="40%">密码：</td> 76 <td align="left" width="60%"> 77 <input type="password" name="" id="" style="width: 300px;height: 30px;"> 78 </td> 79 </tr> 80 <tr> 81 <td align="right" width="40%">确认密码：</td> 82 <td align="left" width="60%"> 83 <input type="password" name="" id="" style="width: 300px;height: 30px;"> 84 </td> 85 </tr> 86 <tr> 87 <td align="right" width="40%">性别：</td> 88 <td align="left"> 89 <input type="radio" name="sex" id="">男 90 <input type="radio" name="sex" id="">女 91 </td> 92 </tr> 93 <tr> 94 <td align="right" width="40%">生日：</td> 95 <td align="left"> 96 <select name="" id=""> 97 <option value="公历">公历</option> 98 </select> 99 <select name="" id=""> 100 <option value="年">年</option> 101 </select> 102 <select name="" id=""> 103 <option value="月">月</option> 104 </select> 105 <select name="" id=""> 106 <option value="日">日</option> 107 </select> 108 </td> 109 </tr> 110 <tr> 111 <td align="right" width="40%">所在地：</td> 112 <td align="left"> 113 <select name="" id=""> 114 <option value="中国">中国</option> 115 </select> 116 <select name="" id=""> 117 <option value="广东">广东</option> 118 </select> 119 <select name="" id=""> 120 <option value="深圳">深圳</option> 121 </select> 122 </td> 123 </tr> 124 <tr> 125 <td align="right" width="40%">验证码：</td> 126 <td align="left"> 127 128 </td> 129 </tr> 130 <tr> 131 <td align="right" width="40%">手机号码：</td> 132 <td align="left" width="60%"> 133 <input type="text" name="" id="" style="width: 300px;height: 30px;"> 134 </td> 135 </tr> 136 <tr> 137 <td> </td> 138 <td>忘记密码时，可通过该手机号码快速找回密码<br/> 139 请输入中国大陆手机号码（不含小灵通）<br/> 140 （其他地区号码点击这里） 141 </td> 142 </tr> 143 <tr> 144 <td align="right"> 145 146 </td> 147 <td> 148 <input type="text" name="" id=""> 149 <input type="button" value="获取短信验证码"> 150 </td> 151 </tr> 152 <tr> 153 <td> </td> 154 <td> 155 <input type="checkbox" name="" id="" checked="">同时开通QQ空间 156 </td> 157 </tr> 158 <tr> 159 <td> </td> 160 <td> 161 <input type="checkbox" name="" id="" checked="">我已阅读并同意相关服务条款和隐私政策 162 </td> 163 </tr> 164 <tr> 165 <td> </td> 166 <td> 167 <input type="submit" value="提交注册"> 168 </td> 169 </tr> 170 </table> 171 </td> 172 </tr> 173 </table> 174 </td> 175 </tr> 176 </table> 177 </td> 178 </tr> 179 <tr height="50" bgcolor="#ccc"> 180 <td align="center">Copyright © 1998-2018Tencent All Rights Reserved</td> 181 </tr> 182 </table> 183 </td> 184 </tr> 185 </table> 186 </body> 187 </html>