效果图:

代码:

<!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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://qzone.qq.com/"><img loading="lazy" src="1.png" width="200" height="40" /></a></td></tr><tr><td><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://aq.qq.com/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>&nbsp;|&nbsp;<a href="https://ssl.zc.qq.com/v3/index-chs.html" style="height:28px; font-size:12px; line-height:28px;">新账号</a>&nbsp;|&nbsp;&nbsp;<a href="https://support.qq.com/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登录界面相关推荐

  1. QT学习日志(附:简易计算器,qq登录界面,简易绘图板,植物大战僵尸魔改版项目实践)

    目录 写在前面 实训前一天 头文件无法生成 项目栏不见了 不知道如何发布程序 实训第一天(附简易计算器的实现) 自定义命名空间的相关问题 关于隐式调用构造函数的问题 实训第二天(不附地址薄的实现) 关 ...

  2. 【React Native开发】React Native控件之TextInput组件讲解与QQ登录界面实现(11)

    转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50589570 本文出自:[江清清的博客] (一)前言 [好消息]个人 ...

  3. java仿qq登录 界面设计,Java Swing仿QQ登录界面效果

    本文实例为大家分享了Java Swing仿QQ登录界面展示的具体代码,供大家参考,具体内容如下 闲来无事将早些时候已实现的QQ登录界面再实现了一遍,纯手工打造(意思是没有用NetBeans.MyEcl ...

  4. qq登录界面句柄_别小看QQ邮箱测试,80%的测试新手都不能写出完整的测试用例~...

    对于很多刚进入测试行业的新手来说,由于自身的工作经验不足,虽有测试基础知识傍身,但仍然很难将测试用例写的尽善尽美.因此,学习别人的测试经验,将是你成为测试达人的必经之路. 今天,我们就以QQ邮箱为例, ...

  5. QQ登录界面模仿和事件监听(下)

    我们到了QQ登录界面模仿这个环节了. 当开始做一个小小的程序的时候,就发现事件监听的无处不在.因为如果让一个程序有能动性,人使用时根据需要程序也能做出相应的反应,很多时候都要使用事件监听. (当时俺的 ...

  6. 详解使用NetBeans IDE 8.2进行可视化图形界面设计——高仿QQ登录界面

    目录 前言 QQ登录界面的设计与实现 1.新建一个Java项目 2.在任意包下新建一个JFrame窗体类 3.添加图片 4.设置账号文本框(JTextField)与密码框(JPasswordField ...

  7. 用combobox扩展控件(dsCtrlComboBox)做出类似QQ登录界面的效果

    原文地址:http://www.uieasy.cn/blog/?p=513 传统的combobox 在使用方面有很多限制,很难满足我们combobox类型控件的需求.主要表现中combobox内置的l ...

  8. java qq登录界面_用java实现QQ登录界面怎么写

    展开全部 用32313133353236313431303231363533e78988e69d8331333365646263java做QQ登录界面的写法如下: package ch10; impo ...

  9. Android UI布局—— 仿QQ登录界面

    最近,有点空闲的时间就拿QQ登录界面来模仿练手,做了个简单的登录界面.界面一般般吧,不算很漂亮,现在拿出来分享,希望大家一起学习与进步.有什么不足之处,请各位大侠多多赐教,谢谢.这个界面涉及到Line ...

最新文章

  1. 指定类型的成员XX”不支持实体LINQ。只有初始化,成员单位,和实体导航性能的支持。...
  2. android 优化启动事件,张绍文android开发高手课读书笔记4-启动优化篇
  3. Data Remove 程序总结
  4. git submodule使用
  5. android引用另一个项目作为library错误
  6. Windows平台下动态链接库的总结
  7. ASP连接各类数据库的语句
  8. 8-字符串的压缩存储
  9. hdu 3926 hands in hands
  10. 3月7日 Maximum Subarray
  11. VEH帮你定位程序崩溃地址
  12. 【git】cherry-pick详解
  13. BRAF蛋白F595S G615R突变的影响
  14. 在Centos7下捣鼓邮件发送软件sendmail与postfix
  15. 软件测试应届简历,软件测试应届毕业生个人简历
  16. 面试官:请讲一讲IO流核心模块与基本原理是什么?
  17. 网络聊天程序的设计与实现
  18. 怎么制作小怪兽打凹凸曼的游戏~
  19. 0.前端简历编写和面试前准备
  20. FXDD-点值获利计算

热门文章

  1. 【SpringBoot】SpringBoot拦截器实战和 Servlet3.0自定义Filter、Listener
  2. Django 【补充】ORM多对多正向查询
  3. Window上,启动Tomcat服务之后,关闭启动窗口,服务器也随之关闭
  4. 《JS权威指南学习总结--3.8类型转换》
  5. 【设计模式】—— 命令模式Commond
  6. centos 7 网络配置( 网关、dns、ip地址配置)
  7. R语言:na.fail和na.omit
  8. 微众WeCross 跨链平台(9)MIG多边跨域治理
  9. Hyperledger Fabric 核心模块(6)Fabric-ca-server
  10. 《研磨设计模式》chap25 访问者模式Visitor(3)联合组合模式+总结