<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="utf-8">
<title>HTML注册登录页面模板</title>
<link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="content">
        <div class="form sign-in">
            <h2>欢迎回来</h2>
            <label>
                <span>邮箱</span>
                <input type="email" />
            </label>
            <label>
                <span>密码</span>
                <input type="password" />
            </label>
            <p class="forgot-pass"><a href="javascript:">忘记密码?</a></p>
            <button type="button" class="submit">登 录</button>
            <button type="button" class="fb-btn">使用 <span>facebook</span> 帐号登录</button>
        </div>
        <div class="sub-cont">
            <div class="img">
                <div class="img__text m--up">
                    <h2>还未注册?</h2>
                    <p>立即注册,发现大量机会!</p>
                </div>
                <div class="img__text m--in">
                    <h2>已有帐号?</h2>
                    <p>有帐号就登录吧,好久不见了!</p>
                </div>
                <div class="img__btn">
                    <span class="m--up">注 册</span>
                    <span class="m--in">登 录</span>
                </div>
            </div>
            <div class="form sign-up">
                <h2>立即注册</h2>
                <label>
                    <span>用户名</span>
                    <input type="text" />
                </label>
                <label>
                    <span>邮箱</span>
                    <input type="email" />
                </label>
                <label>
                    <span>密码</span>
                    <input type="password" />
                </label>
                <button type="button" class="submit">注 册</button>
                <button type="button" class="fb-btn">使用 <span>facebook</span> 帐号注册</button>
            </div>
        </div>
    </div>

<script src="js/script.js"></script>
    
    <div style="text-align:center;">
</div>
</body>

</html>

HTML注册登录页面模板,左右切换,用户注册、用户登录两种功能。相关推荐

  1. debian linux root登录,DEBIAN 10切换ROOT用户登录

    ebian 10默认的一样不能用root用户登录,还是需要设置,方法如下: 一,打开终端,用普通用户登录 输入:su - 输入密码,切换到root用户 二,设置root用户登录 nano /etc/s ...

  2. python实现循环注册登录_Python入门案例-用户注册和登录

    3. import xlwt 4. import re 5. 6. # from xlutils.copy import copy 7. 8. filepath = "./users.xls ...

  3. python用户登录a_Python入门案例-用户注册和登录

    原标题:Python入门案例-用户注册和登录 1. 用户注册 1.1. 需求 1. 用户注册的数据包含: 用户名,密码,邮箱 2. 用户名长度为6-14之间并且不能够重复 3. 密码只能是数字和字母 ...

  4. Linux下批量添加用户的两种方法

    作为一个系统管理员,可能要经常的为机器添加用户,可能是在一台机器上添加很多用户,也有可能是在很多机器上要添加同一个用户. 基本上,批量添加用户有两种方式,一是用useradd + passwd命令配合 ...

  5. 通过ID查询一个用户的两种开发方法

    通过ID查询一个用户的两种开发方法 数据库建表sql语句如下:https://github.com/beyondyanyu/Sayingyy/blob/master/JDBC2-数据库sql建表语句 ...

  6. ubuntu创建用户的两种方式

    ubuntu创建用户有两种方式: useradd和adduser 这两者,就像零件与产品的关系.useradd是DIY,需要自己调配,adduser是品牌机,拿来就能用. 对于创建一般用户来讲,use ...

  7. linux删除用户删不了怎么办,Linux下完全删除用户的两种方法

    Linux操作 实验环境:Centos7虚拟机 首先创建一个普通用户 gubeiqing . [root@localhost ~]# useradd gubeiqing [root@localhost ...

  8. php开发用户登录模块,使用CodeIgniter开发用户登录注册模块

    本文介绍使用CodeIgniter来开发一个用户登录和注册的小模块,有详细的数据库表和ci代码. 1.数据库设计 字段 类型 空 额外 索引 id int(10) 否 auto_increment p ...

  9. php登录注册连接数据库,利用PHP连接数据库——实现用户登录注册功能以及管理员对用户注...

    1.用户注册页面 页面效果: 代码如下: !DOCTYPE html html head meta charset="UTF-8" title/title script src=& ...

最新文章

  1. Git Flow—Git团队协作最佳实践
  2. 占据栅格地图(Occupancy Grid Map)
  3. SAP WM 通过2-Step Picking创建的TO之间的关联关系
  4. android系统底层驱动多个物理按键上报同一个键值给app层,app层如何区分
  5. 贝叶斯统计:Inverted Beta与Three Parameter Beta分布
  6. 关于centos6升级python3.6无法使用pip的问题
  7. sqlserver 事务例子
  8. yarn界面中的Minimum Allocation和Maximum Allocation与yarn-site.xml中参数的对应关系
  9. 01.Elasticsearch安装
  10. 【IE】IE对line-height 失效的的解决方案
  11. 把触发器说透(转载)
  12. html进度条倒计时代码,html5+css3进度条倒计时动画特效代码【推荐】_html5教程技巧...
  13. (接上)将txt中的一组时间转换为简化儒略日的小工具
  14. POI java 处理excel上传图片
  15. Python笔记 | 数据筛选
  16. clean、install、package、deploy分别代表什么含义?
  17. 抓取某一个网站整站的记录
  18. 计算机开机就进入安全模式,Win10一开机就安全模式?Win10电脑开机进入安全模式解决方法...
  19. java递归实现多级树
  20. 魔幻粒子、火焰动画、纯前端实现魔幻粒子、纯前端实现火焰动画

热门文章

  1. 百度计算机调试员论文,基于西门子工业软件的仿真专业系统设计一阶惯性加纯滞后对象百度精.doc...
  2. c语言编程刘备称帝,汉献帝得知刘备称帝后,为什么先是沉默不语,然后又仰天大笑?...
  3. html音视频app制作,6款视频制作APP,让你成为短视频高手!
  4. 毕业就在小公司躺了3年,面试大厂发现,发现不会分布式没人要…
  5. Java实验——编写一个程序,实现字符串大小写的转换并倒序输出
  6. 个人博客网站升级http为https
  7. 使用avue图标选择器出现图标无法显示解决
  8. SCSI总线和协议以及SAN存储网络详解
  9. selenium实现自动播放音乐
  10. 美团饿了么外卖CPS联盟小程序(新增H5端)花小猪,滴滴大车,一键获取Path