QQ登录页面制作

于 2023-12-14 23:07:52 发布
阅读量1.1k 收藏 10
点赞数 8
文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72852791/article/details/135006419
版权

效果图：

<!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>
        #head{
            background-color:  skyblue;
            border-collapse: collapse;
        }
        #id,#password{
            height: 30px;
            width: 58%;
        }
        #header{
            width: 800px;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <form action="#" method="get">
        <table id="header">
            <tr id="head">
                <td style="width: 450px;">
                    <img src="./img/QQ登录.png" alt="QQ登录">
                    QQ登录
                </td>
                <td>
                    <table>
                        <tr>
                            <td><img src="./img/？.png"></td>
                            <td style="border-right: 1px;">QQ登录</td>
                            <td style="border-right: 1px;">授权管理</td>
                            <td>申请接入</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td style="border-right: 1px solid black;" >
                    <span>    </span>
                    <table style="width: 450px;text-align: center;height: 300px;">
                        <th>账号密码登录</th>
                        <tr>
                            <td>推荐使用<a href="#">快速安全登录</a>，防止盗号。</td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" name="id" id="id" placeholder="支持QQ号/邮箱/手机号登录">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="password" name="password" id="password" placeholder="密码">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="image" src="./img/授权并登录.png" alt="授权并登录">
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table style="margin-left: 30px;">
                        <tr style="height: 50px;">
                            <td style="border-top: 1px solid black; " >
                                <a href="#">腾讯网</a> 将获得一下权限：
                            </td>
                        </tr>
                        <tr style="height: 50px;">
                            <td style="border-top: 1px solid black;">
                                <input type="checkbox" name="全选" id="全选" checked><label for="全选">全选</label>
                            </td>
                        </tr>
                        <tr style="height: 50px;">
                            <td style="border-top: 1px solid black;">
                                <input type="checkbox" name="子选项" id="子选项" checked><label for="子选项">获得您的昵称、头像、性别及会员信息</label>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                授权后表明你已同意<a href="#">QQ登录服务协议</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;border-right: 1px solid black;">
                    <table style="width: 400px;text-align: right;">
                        <tr>
                            <td style="border-right: 1px solid black;">忘记密码？</td>
                            <td style="border-right: 1px solid black;">注册新帐号</td>
                            <td>意见反馈</td>
                        </tr>
                    </table>
                </td>
                <td></td>
            </tr>
        </table>
    </form>
</body>
</html>

 

Lai-x
关注
QQ登录界面制作
yunchen523的博客
12-04 2580
实现简单的QQ登录操作（阶段一） 学习了java连接数据库后，便想简单的实现一下QQ登录的操作，但是也想拥有一个好看的界面，于是便打算进行界面设计（个人喜好不同，不喜勿喷）。 因为看起来比较酷，我取了一个比较科幻的名字：虚现时代 效果如下： 首先便是QQ登录界面的设计了，我设计的尺寸为570*470。 具体大小可自我调整。 package qqcreate; import java.awt.BorderLayout; import javax.swing.JFrame; import javax.sw
html-QQ登陆界面
热门推荐
straw_的博客
02-17 1万+
初学30节课html的入门课程，花了几个小时模仿了一个qq的登陆界面。 效果图如下： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scal...
html实战例子: 简易的qq登录界面
辉小歌的博客
10-01 6402
效果图: 代码: <!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;}
html 仿qq登录页面
07-22
一个仿qq登录的html页面，
html+css 制作简单QQ登录页面
m4587的博客
07-27 7046
HTML+css制作简单QQ登录页面。欢迎一起动手创作交流讨论。
登陆简单界面描述，QQ登录简单表单，可视化表单.html
12-20
登陆简单界面描述，QQ登录简单表单，可视化表单。 从六十年代起，由ARPA提供经费，联合计算机公司和大学共同研制而发展起来的ARPAnet网络。最初，ARPAnet主要是用于军事研究目的，它主要是基于这样的指导思想:网络必须经受得住故障的考验而维持正常的工作，一旦发生战争，当网络的某一部分因遭受攻击而失去工作能力时，网络的其他部分应能维持正常的通信工作。
HTML +CSS制作QQ登录页面
Pythonfinish的博客
11-30 3238
Html,CSS,QQ，校园官网制作
qq登录界面制作.pdf
02-23
综上所述，文件内容是关于如何使用Java Swing组件来创建一个类似QQ登录界面的应用程序，涉及到GUI编程的基础知识和一些高级特性，同时也有编程的最佳实践。这个程序可以帮助开发者理解和掌握Swing框架的基本使用方法...
android模拟实现QQ登录界面
07-14
这个资源主要是使用Android模拟开发了一个QQ登录界面的小案例。 内容概要：了解基础Android组件的使用，以及shape和selector组件美化。 适合人群：初学Android开发的小萌新，可以利用这个小案例巩固Android基础控件...
QQ 登录界面 Qt实现|zddmail-6215779-QQ_20130905134551.zip
09-30
【QQ登录界面Qt实现】是基于Qt框架设计的一个项目，主要目标是构建一个与QQ官方登录界面类似的用户界面。在给定的描述中，我们了解到这是一份源码备份，作者在CSDN博客上分享了相关的实现细节。尽管当前的实现仅包含...
HTML5QQ登陆动画
11-12
HTML5代码实现QQ登陆动画，效率高，亲测可用。HTML5代码实现QQ登陆动画，效率高，亲测可用。
html仿QQ快速登录界面样式代码.zip
07-04
html仿QQ快速登录界面样式代码是一款类似QQ快速登录界面模板下载。
html5实现腾讯QQ登录界面背景动画特效（QQ背景动态）
08-02
html5实现腾讯QQ登录界面背景动画特效（QQ背景动态）+js，可以有效的学习html标签，制作出所见即所得的东西。高大上的背景！
QQ 9.0 登录背景 html
03-22
最新的QQ9.0登录界面背景html代码，摘自QQ PC端官网。
QQ登录界面程序源代码
06-29
import java.awt.*; import java.awt.event.*; import java.applet.*; import javax.swing.ImageIcon; import javax.swing.*; import java.lang.*; import java.sql.*; class Imagecanvas extends Canvas { Toolkit tool; Image Im; Imagecanvas() { setSize(360, 50); tool = getToolkit(); Im = tool.getImage("dj.jpg"); } public void paint(Graphics g) { g.drawImage(Im, 0, 0, 360, 50, this); } } class QqBorder1 extends JFrame implements ActionListener { Choice cho; QqBorder1() { super("QQ2010"); setSize(360, 260); setLocation(250, 120); setResizable(false); Container c = getContentPane(); FlowLayout layout = new FlowLayout(FlowLayout.CENTER); JPanel p1 = new JPanel(); JPanel p2 = new JPanel(); JPanel p3 = new JPanel(); cho = new Choice(); cho.add("在线"); cho.add("隐身"); cho.add("离线"); cho.add("忙碌"); cho.add("请勿打扰"); Imagecanvas canvas1 = new Imagecanvas(); p1.setSize(360, 50); p1.add(canvas1); TextField username = new TextField(25); TextField password = new TextField(25); password.setEchoChar('*'); JButton btrystu = new JButton("登陆"); JButton sezhi = new JButton("设置"); JCheckBox check1 = new JCheckBox("记住密码"); JCheckBox check2 = new JCheckBox("自动登陆"); // p1.setSize(360, 200); JPanel p21 = new JPanel(); JPanel p22 = new JPanel(); p21.add(new JLabel("账号：")); p21.add(username); p21.add(new JLabel("<html><font color=blue>注册新账号</font></html>")); // p21.add(new JLabel(" ")); p21.add(new JLabel("密码：")); p21.add(password); p21.add(new JLabel("<html><font color=blue> 找 回 密 码 </font></html>")); p22.add(new JLabel("状态:")); p22.add(new JLabel(" ")); p22.add(cho); p22.add(check1); p22.add(check2); p22.add(new JLabel(" ")); p2.add(p21); p2.add(p22); p2.setBounds(100, 300, 200, 300); p2.setLayout(new GridLayout(2, 1, 10, 10)); p3.add(sezhi); p3.add(new JLabel(" ")); p3.add(btrystu); add(BorderLayout.NORTH, p1); add(BorderLayout.CENTER, p2); add(BorderLayout.SOUTH, p3); this.setVisible(true); } public void actionPerformed(ActionEvent e) { } } public class QqBorder { }
使用html+css3实现QQ登录界面
black_bamboo的博客
08-06 6394
1.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>20210806exm_QQlogin</title> <style> /*初始化样式*/ html,body,dl,dd,p,h1,h2,h3,h4,h5,h6,form,input,textarea,button{
用html写一个QQ空间登录页面
weixin_35756373的博客
12-30 755
这是一个基本的 QQ 空间登录页面的 HTML 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QQ空间登录</title> </head> <body> <h1>QQ空间登录</h1> ...
用HTML写手机QQ登录界面
weixin_44768794的博客
10-22 4881
把HTML按钮设置为圆形 <button style="border-radius: 50% ;width: 60px;height: 60px;border: none;background-color: dodgerblue"><b>登录</b></button><br/> 调整按钮中字体大小 style = “font-size: 30px”; HTML将文字写放置左下角 忘记密码 HTML字体加粗 ...
【HTML+CSS+JS】模仿QQ登录界面
叶子与海的博客
10-25 1万+
学了HTML、CSS和JS有了一个月了，JS还未学完，偷懒写一个小项目，用了一个下午，顺便巩固一下所学知识。（内容比较简陋，适合新手）
Android studio的qq登录页面制作
最新发布
12-01
以下是Android Studio实现QQ登录页面的步骤： 1.创建一个新项目并在布局文件中添加所需的UI元素，例如EditText、Button和ImageView等。 2.使用RelativeLayout或ConstraintLayout等布局管理器来设置UI元素的位置和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值