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>&nbsp;</td>

            <td>&nbsp;</td>

            <td>&nbsp;</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;">&nbsp;</td>

        <td>

        <div class="theme">

            <h1>欢迎注册QQ</h1>

            每一天,乐在沟通。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <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>&nbsp;

                </p>

                <p>&nbsp;

                </p>

                <p>&nbsp;

                </p>

                <p>&nbsp;

                </p>

                <font size="2" color=#B8B8B8>copyringmi@ 18346-54244Tencent UK HJDGUSD</font>

            </div>

        </form>

        </div>

        </div>

        </td>

        </tr>

    </table>

</body>

</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/452644.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[Linux#66][TCP->IP] 面向字节流 | TCP异常 | filesocket | 网络层IP

目录 1. 面向字节流 思考&#xff1a;对于UDP协议来说&#xff0c;是否也存在“粘包问题”呢&#xff1f; 2.TCP 异常情况 3.知识 1.UDP实现可靠传输(经典面试题) 2. 网络抓包 | 爬虫 3.打通文件和 socket 的关系 4.网络层&#xff1a;IP 前置知识 1. 面向字节流 udp…

java逻辑运算符 C语言结构体定义

1. public static void main(String[] args) {System.out.println(true&true);//&两者均为true才trueSystem.out.println(false|false);// | 两边都是false才是falseSystem.out.println(true^false);//^ 相同为false&#xff0c;不同为trueSystem.out.println(!false)…

git 安装

文章目录 一、ubuntu 安装 git二、centos 安装 git三、检查安装 git 一、ubuntu 安装 git sudo apt-get install get -y二、centos 安装 git sudo s install git -y三、检查安装 git git --version出现此标志git版本号&#xff0c;表示git安装完成。

《Effective C++》 笔记

让自己习惯C&#xff0c;Accustoming Yourself to C 1. 视C为一个语言联邦&#xff0c;View Cas a federation of languages. 将 C视为一个由相关语言组成的联邦而非单一语言。在其某个次语言&#xff08;sublanguage&#xff09;中&#xff0c;各种守则与通例都倾向简单、直观…

【win11】终端/命令提示符/powershell美化

文章目录 1.设置字体1.1. 打开win11的终端/命令提示符/powershell其中之一1.2. 打开终端设置&#xff0c;修改所有终端默认字体为新宋体 2. 修改powershell背景色为蓝色 win11的默认终端/命令提示符/powershell主题风格让人感觉与win10撕裂太大&#xff0c;尤其是字体、背景色&…

Excel:vba实现筛选出有批注的单元格

实现的效果&#xff1a;代码&#xff1a; Sub test() Dim cell As RangeRange("F3:I10000").ClearlastRow Cells(Rows.Count, "f").End(xlUp).Row MsgBox lastrow For Each cell In Range("a1:a21")If Not cell.Comment Is Nothing ThenMsgBox…

从DexMV、VideoDex、MimicPlay到SeeDo:从人类视频中学习:机器人的主流训练方法之一

前言 在此文《UMI——斯坦福刷盘机器人&#xff1a;从手持夹持器到动作预测Diffusion Policy(含代码解读)》的1.1节开头有提到 机器人收集训练数据一般有多种方式&#xff0c;比如来自人类视频的视觉演示 有的工作致力于从视频数据——例如YouTube视频中进行策略学习 即最常见…

推荐一款非常优秀的3D建模软件:PTC Creo

PTC Creo是美国PTC公司最新研发出来的一款超级强大的3D建模辅助类大型软件&#xff0c;这款软件是针对产品设计以及开发的软件&#xff0c;它具有一系列3D CAD、CAM、CAE等开发工具和套件&#xff0c;而且可用性极高。从概念设计一直到制造出产品&#xff0c;本软件都可以完成任…

Windows API 一 ----起步

目录 1.介绍主函数入口参数。 2. 简单介绍 Windows.h 这个头文件 小结&#xff0c;也聊一聊 1.介绍主函数入口参数。 第一个参数: HINSTANCE 类型的 参数&#xff0c; 称为“实例句柄“&#xff0c;这个参数唯一标志了我们写的这个程序。 第二个参数&#xff1a; HINSTANCE…

ORA-12541: TNS: 无监听程序

目录 1. 检查服务是否开启2. ip的原因 ORA-12541: TNS: 无监听程序 &#xff08;特别感谢&#xff09;参考链接&#xff1a;https://blog.csdn.net/qq_43540696/article/details/102522292 Traceback (most recent call last): File "D:\D01-software\D01010-PyCharm_co…

Java爬虫:获取直播带货数据的实战指南

在当今数字化时代&#xff0c;直播带货已成为电商领域的新热点&#xff0c;通过直播平台展示商品并进行销售&#xff0c;有效促进了产品的曝光和销售量的提升。然而&#xff0c;如何在直播带货过程中进行数据分析和评估效果&#xff0c;成为了摆在商家面前的一个重要问题。本文…

STM32调试,发现HAL_Init();之后无法调试,甚至无法让程序停下来

参考文档&#xff1a; STM32调试,发现HAL_Init();之后无法调试,甚至无法让程序停下来 - asml - 博客园 症状 最近开始学习STM32Cube,发现新建工程后无法正常调试,过了HAL_Init();之后就无法继续调试了. 无法进行让程序暂停以及停止等操作.并在输出窗口不断刷出 ERROR: Can n…

Golang | Leetcode Golang题解之第486题预测赢家

题目&#xff1a; 题解&#xff1a; func PredictTheWinner(nums []int) bool {return total(nums, 0, len(nums) - 1, 1) > 0 }func total(nums []int, start, end int, turn int) int {if start end {return nums[start] * turn}scoreStart : nums[start] * turn total…

边缘计算技术的优势与挑战

如今&#xff0c;随着5G快速无线网络的到来&#xff0c;将计算存储和物联网&#xff08;IoT&#xff09;分析的部署放在靠近数据产生的地方&#xff0c;使得边缘计算成为可能。 物联网设备和新应用的扩展需要实时计算能力。5G无线正在考虑边缘系统&#xff0c;以快速跟踪支持实…

python中堆的用法

Python 堆&#xff08;Headp&#xff09; Python中堆是一种基于二叉树存储的数据结构。 主要应用场景&#xff1a; 对一个序列数据的操作基于排序的操作场景&#xff0c;例如序列数据基于最大值最小值进行的操作。 堆的数据结构&#xff1a; Python 中堆是一颗平衡二叉树&am…

C语言复习第3章 函数

目录 一、函数介绍1.1 函数是什么1.2 C语言中函数的分类1.3 函数原型1.4 高内聚 低耦合1.5 C语言main函数的位置 二、函数的参数2.1 实参和形参2.2 函数的参数(实参)可以是表达式2.3 传值与传址(swap函数)2.4 明确形参是实参的临时拷贝2.5 void(如果不写函数返回值 默认是int)2…

MySQL 【日期】函数大全(六)

目录 1、TIME_FORMAT() 按照指定的格式格式化时间。 2、TIME_TO_SEC() 将指定的时间值转为秒数。 3、TIMEDIFF() 返回两个时间之间的差值。 4、TIMESTAMP() 累加所有参数并将结果作为日期时间值返回。 5、TIMESTAMPADD() 将指定的时间间隔加到一个日期时间值上并返回结果。…

sql注入盲注详解以及绕过waf方法

盲注 mysql函数普及 exists(): 用于判度条件是否满足&#xff0c;满足返回True&#xff0c;否则返回False if(条件,为真返回的值,为假返回的值)&#xff1a;根据条件真假返回指定的值 length(string)&#xff1a;计算出长度string 可以是任何字符串字面量或者字段名。 substr(…

轻量级可视化数据分析报表,分组汇总表!

什么是可视化分组汇总表&#xff1f; 可视化分组汇总表&#xff0c;是一种结合了数据分组、聚合计算与视觉呈现功能的数据分析展示功能。它能够按照指定的维度&#xff08;如时间、地区、产品类型等&#xff09;对数据进行分组&#xff0c;还能自动计算各组的统计指标&#xf…

JavaWeb 24.Vue3的简介和快速体验

目录 一、Vue3介绍 Vue的两个核心功能 ① 声明式渲染&#xff1a; ② 响应性: 什么是声明式响应 什么是编程式响应 什么是渐进式框架 特点&#xff1a; 二、Vue3快速体验 三、关于JavaScript和TypeScript的选择问题 春风若有怜花意&#xff0c;可否许我再少年 —— 24.10.19 一…