一、制作登录注册页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="">
<table width="300" border="0" cellspacing="1" cellpadding="2">
<tr height="30">
<td colspan="2" align="center" bgcolor="#CCCCCC">用户注册</td>
</tr>
<tr height="30">
<td width="91" align="right" bgcolor="#E6E6E6">用户名</td>
<td width="198" bgcolor="#E6E6E6">
<input type="text" name="username" maxlength="20" size="15">
</td>
</tr>
<tr height="30">
<td align="right" bgcolor="#E6E6E6">密码</td>
<td bgcolor="#E6E6E6">
<input type="text" name="userpass" size="15" maxlength="20">
</td>
</tr>
<tr height="30">
<td align="right" bgcolor="#E6E6E6">性别</td>
<td>
<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td align="right" bgcolor="#E6E6E6">爱好</td>
<td>
<input type="checkbox" name="like" value="写作">写作
<input type="checkbox" name="like" value="听音乐">听音乐
<input type="checkbox" name="like" value="唱歌">唱歌
</td>
</tr>
<tr height="30">
<td align="right" bgcolor="#E6E6E6">省份</td>
<td bgcolor="#E6E6E6">
<select name="province">
<option value="陕西" selected>陕西</option>
<option value="山东">山东</option>
<option value="福建">福建</option>
<option value="内蒙古">内蒙古</option>
<option value="天津">天津</option>
</select>
</td>
</tr>
<tr height="30">
<td align="right" bgcolor="#E6E6E6">自我介绍</td>
<td bgcolor="#E6E6E6">
<textarea name="intro" cols="25" rows="5"></textarea>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" bgcolor="#CCCCCC">
<input type="submit" name="send" value="提交">
<input type="reset" name="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>二、QQ注册页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>欢迎注册QQ</h3>
<h4>每一天，乐在沟通。</h4>
<table width="100">
<tr height="30" width="100">
<td>
<input type="text" placeholder="昵称">
</td>
</tr>
<tr height="30" width="100">
<td>
<input type="text" placeholder="密码">
</td>
</tr>
<tr height="30" width="100">
<td>
<select name="" id="">
<option value="+86" selected>+86</option>
<option value="+12">+12</option>
</select>
<input type="text" placeholder="手机号码"><br>
可通过该手机号码找回
</td>
</tr>
<tr height="30" width="100">
<td>
<a href="">
<img width="180" src="./立即注册.png" alt="">
</a>
</td>
</tr>
<tr width="180" height="30">
<td>
<input type="checkbox">我已阅读并同意相关服务条款和隐私政策
</td>
</tr>
</table>
</body>
</html>三、QQ登录页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QQ登录页面</title>
<style>
a{text-decoration: none;}
</style>
</head>
<body>
<table align="center">
<tr>
<th><h1>账号密码登录</h1></th>
</tr>
<tr>
<td>推荐使用,防止盗号。<br><br></td>
</tr>
<tr>
<td><form>
账号:<input type="text" name="账号" style="width:200px; height:30px; font-size:15px;" placeholder="支持QQ号/邮箱/手机号登录" >
<br><br>
密码:<input type="password" name="密码" style="width:200px; height:30px; font-size:15px;" placeholder="密码">
</form></td>
</tr>
<tr>
<td><br>
<a href="">
<img loading="lazy" src="./授权并登录.png" width="200" height="40" />
</a></td>
</tr>
<tr>
<td><br><br>
<a href="" style="height:28px; font-size:12px; line-height:28px;">
忘了密码?</a>
|
<a href="" style="height:28px; font-size:12px; line-height:28px;">新账号</a>
|
<a href="" style="height:28px; font-size:12px; line-height:28px;">意见反馈</a>
<br><td>
</tr>
<tr>
<td><p style="height:28px; font-size:12px; line-height:28px;" >将获得以下权限:</p>
<br>
<input type="checkbox" name="" checked="checked">全选<br>
<input type="checkbox" name="" checked="checked">获得您的昵称、头像、性别
</td>
</tr>
</table>
</body>
</html>
四、sina注册页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table width="300" border="0" cellspacing="1" cellpadding="2">
<tr height="30">
<td>
手机号码: <input type="text" name="" id="">
</td>
</tr>
<tr height="30">
<td>
使用微博账号直接登录
</td>
</tr>
<tr height="30">
<td>
设置密码: <input type="text" name="" id="">
</td>
</tr>
<tr height="30">
<td>
兴趣标签: <br>
<input type="checkbox" value="新闻">新闻
<input type="checkbox" value="娱乐">娱乐
<input type="checkbox" value="文化">文化
<input type="checkbox" value="体育">体育
<input type="checkbox" value="IT">IT
<input type="checkbox" value="财经">财经
<input type="checkbox" value="时尚">时尚
<input type="checkbox" value="汽车">汽车
<input type="checkbox" value="房产">房产
<input type="checkbox" value="生活">生活<br>
</td>
</tr>
<tr height="30">
<td>
上发手机短信：
<input type="submit" value="我要使用注册手机发送短信">
</td>
</tr>
</table>
《新浪网络使用协议》
《新浪个人信息保护政策》
</body>
</html>编辑
