admin管理员组文章数量:1558098
效果图:
代码:
<!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="https://qzone.qq/">
<img loading="lazy" src="1.png" width="200" height="40" />
</a></td>
</tr>
<tr>
<td><br><br>
<a href="https://aq.qq/v2/uv_aq/html/reset_pwd/pc_reset_pwd_input_account.html?v=3.0&old_ver_account=" style="height:28px; font-size:12px; line-height:28px;">
忘了密码?</a>
|
<a href="https://ssl.zc.qq/v3/index-chs.html" style="height:28px; font-size:12px; line-height:28px;">新账号</a>
|
<a href="https://support.qq/products/14800" 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>
版权声明:本文标题:html实战例子: 简易的qq登录界面 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1727384853a1112288.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论