web前端--html 5---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>
<link rel="import" href="component.html">
<style>
.theme{
width: 300px;
height: 600px;
margin: 0px auto;
}
.theme1 select{
padding:5px 10px;
border:none;
border-color: #B8B8B8;
box-sizing: border-box;
font-size: 14px;
color: #B8B8B8;
}
.a1{
color: #4b7cde;
}
.form-group1 input{
width: 100%;
padding:10px 10px;
border-radius:5px;
border-color: #B8B8B8;
box-sizing: border-box;
font-size: 15px;
}
.form-group2 select{
width: 25%;
padding:10px 10px;
border-radius:5px;
border-color: #B8B8B8;
box-sizing: border-box;
font-size: 15px;
}
.form-group2 input{
width: 73.5%;
padding:10px 10px;
border-radius:5px;
border-color: #B8B8B8;
box-sizing: border-box;
font-size: 15px;
}
.form-group3{
width:100%;
padding: 10px 10px;
border: none;
border-radius:10px;
background-color:#2c5df0;
color: white;
font-size: 20px;
cursor:pointer;
transition:background-color 0.3s;
}
.form-group4{
font-size: 15px;
color:#B8B8B8
}
</style>
</head>
<body>
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td>
<span class="theme1">
<img style="width: 40px;height: 40px;" src="img/down.jpeg" alt="qq">
<select >
<option value="简体中文">简体中文</option>
<option value="繁体">繁体</option>
<option value="English">English</option>
</select>
<font size="2" color=#B8B8B8>意见反馈</font>
</span>
</td>
</tr>
<tr >
<td rowspan="2">
<img style="width: 300px; height: 700px;" src="./img/屏幕截图 2024-10-16 170937.png" alt="qq注册">
</td>
<td style="width: 300px; height: 600px;"> </td>
<td>
<div class="theme">
<h1>欢迎注册QQ</h1>
每一天，乐在沟通。
<SPAN class="a1">免费靓号</SPAN>
<form accept="#" method="post">
<div class="form-group1" >
<p><input type="text" name="username" id="username" placeholder="昵称"></p>
<p><input type="password" name="password" id="password" placeholder="密码"></p>
</div>
<div class="form-group2">
<select >
<option value="+86">+86</option>
</select>
<input type="text" name="number" id="number" placeholder="手机号码">
<font size="2" color=#B8B8B8>可通过手机号找回密码</font>
</div>
<P><button type="submit" name="ENER" class="form-group3">登录</button> </P>
<div class="form-group4">
<P><input type="checkbox" name="checkbox" value="checkbox">我已阅读并同意</P>
</div>
<div>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<font size="2" color=#B8B8B8>copyringmi@ 18346-54244Tencent UK HJDGUSD</font>
</div>
</form>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
原文地址：https://blog.csdn.net/2301_81851270/article/details/142989001
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！