博主在学习web前端时接触到几个较为高大上的登陆注册界面,在这里分享给大家
效果图如下:(代码较多只展示一个)有需要的可以下载:


`

注册

返回首页 已有账号?去登录

普通登录

手机无密码登录

扫码登录

                 </div><div class="aui-register-form-item"><p class="aui-for-pwd"><a class="" href="#">忘记密码</a></p><input id="aui-btn-reg" class="aui-btn-reg" placeholder=""  readonly="readonly" value="登录" ></div><div class="aui-protocol">登录即同意<a  href="#">《17素材网使用协议》</a>&<a  href="#">《隐私权条款》</a></div><div class="aui-thirds"><a href="#"><i class="aui-qq-img"></i><i>QQ登录</i></a><a href="#"><i class="aui-wx-img"></i><i>微信登录</i></a><a href="#"><i class="aui-wb-img"></i><i>微博登录</i></a><div class="clear"></div></div></div><!--手机动态码登录--><div class="login-con" id="lc"><div class="aui-register-form-item"><input type="text" name="phone" placeholder="手机号码" class="txt01 f-r3 required" keycodes="tel" tabindex="1" data-valid="isNonEmpty||isPhone" data-error="<i class='icon-tips'></i>请输入手机号||<i class='icon-tips'></i>手机号码格式不正确" maxlength="11" id="phone"><label class="focus valid"><div class="msg" style="display:none"><i class='icon-tips'></i>您还未输入手机号</div></label><span class="aui-get-code btn btn-gray f-r3 f-ml5 f-size13" id="time_box" disabled style="display:none;"></span><span class="aui-get-code btn btn-gray f-r3 f-ml5 f-size13" id="verifyYz" >获取动态码</span></div><div class="aui-register-form-item"><input type="text" placeholder="动态码" maxlength="6" id="verifyNo" class="txt02 f-r3 f-fl required" tabindex="2" data-valid="isNonEmpty||isInt" data-error="<i class='icon-tips'></i>请填写正确的手机动态码||<i class='icon-tips'></i>请填写6位手机动态码"><label class="focus valid"></label></div><div class="aui-register-form-item"><input id="aui-btn-reg1" class="aui-btn-reg" placeholder=""  readonly="readonly" value="登录" ></div><div class="aui-protocol">登录即同意<a  href="#">《17素材网使用协议》</a>&<a  href="#">《隐私权条款》</a></div><div class="aui-thirds"><a href="#"><i class="aui-qq-img"></i><i>QQ登录</i></a><a href="#"><i class="aui-wx-img"></i><i>微信登录</i></a><a href="#"><i class="aui-wb-img"></i><i>微博登录</i></a><div class="clear"></div></div></div><!-- 扫码登录 --><div class="saoma" id="sm"><div class="screen-tu" id="screen"><span class="aui-tag-size">密码登录</span></div><div class="aui-text-item"><h1>1秒即登录,方便又安全</h1></div><div class="qr-code"><span class="tips_img"></span><img src="data:images/code.png" alt=""></div><div class="aui-tab-footer"><p>17扫码登录,同步账户信息 | <a href="#">下载17APP</a></p></div></div></div></div><div class="clearfix"></div></div><div class="aui-register-bottom"><a>©188.com</a><a href="#">联系客服</a><a href="#">帮助中心</a><div class="clear"></div></div>
</div>

`![在这里插入图片描述](https://img-blog.csdnimg.cn/20190608232957325.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg=,size_16,color_FFFFFF,t_70)

html+javascript登录注册界面源码相关推荐

  1. html透明表单登录注册页面源码

    大家好,今天给大家介绍一款,html透明表单登录注册页面源码(图1).送给大家哦,获取方式在本文末尾. 图1 自适应页面,适合于各种分辨率(图2) 图2 部分源码: <!doctype html ...

  2. 网页聊天室win10界面源码

    简介: 网页聊天室win10界面源码,仿win10桌面网站带后台,源码上传即可使用,无需数据库. 后台地址:http://你的域名/admin/ 后台账号:admin 后台密码:admin 网盘下载地 ...

  3. 一款规范大方的主界面源码,会用的狐友都说好

    昨天有位加我很久的狐友,突然问我要一份主控台的源码,我寻思着说他要什么主控台,并且要求我把界面图发过他,我以为是狐友会的会友,然后就了发了两张图.他说不满意,不要传统菜单的,不要TDI的.我只能说你要 ...

  4. 小伙利用C++模仿酷狗7(Kugou7) UI界面源码,附带炫酷动画效果哦

    VC模仿酷狗7(Kugou7) UI界面源码,有动画效果, 源码说明:内含VC++源码.易语言源码各一份.包含所有图片源码(使用Fireworks编辑) 开发环境:VC版--VS2005.Gdiplu ...

  5. Delphi7简单DirectUI界面源码

    我平常用VC++多,不熟悉Delphi,应朋友请求,写了这么个简单的界面源码,发上来大家分享. 第一次用Delphi写这样的东西,源码比较烂,抱歉. 喜欢交流软件界面的朋友,欢迎加入QQ群:软件UI技 ...

  6. 微信小程序如何实现登录注册带源码

    前几天没事随手写了个小程序端的登录注册,现在分享给大家 一.登录微信前端 这是效果图与wxml代码 这是wxss代码 input{height: 100rpx; text-align: center; ...

  7. Extjs 登录界面源码

    17ext.com上的,本来有很多,我精简了一部分,把其他国家的精简掉了,很多朋友说不显示中文,中文显示为乱码,我修改的这个好像没有乱码 此代码仅供新手学习,老鸟请绕道 效果图如下 Ext.ux.fo ...

  8. java仿微信登录界面_android 界面设计潮流:仿微信5.2界面源码

    package com.example.isweixin; //Download by 链接已屏蔽 import java.util.Timer; import java.util.TimerTask ...

  9. 【JS协议UI源码】autoJS协议源码,JavaScript界面源码,AJ脚本利用网盘就行远程关软

    autoJS协议UI源码,该源码你可以学习到JavaScript基础语法还有简单的封装md5加密 菜单判断和多号运行,本机存储和调用知识,如何不利用使用服务器进行远程关软和远程更新,远程关软我当时是利 ...

最新文章

  1. rabbitmq Centos6.8安装及基础命令
  2. Java中finally和return执行顺序
  3. 【Android 逆向】Android 进程注入工具开发 ( 注入代码分析 | 注入工具的 main 函数分析 )
  4. vs05b2中给dataset添加表间关系
  5. 第八周项目实践2 建立连串算法库
  6. ubuntu上开启SSH服务
  7. 动态给实例添加属性和方法
  8. mysql 导入导出大文件
  9. 为什么我选择使用 OpenBSD?
  10. 【 58沈剑 架构师之路】4种事务的隔离级别,InnoDB如何巧妙实现?
  11. python是什么专业-python有什么用(会计专业)
  12. atitit.  web组件化原理与设计
  13. 小甲鱼python课后习题【1,2,3,4,5】
  14. 最简单的java代码【java基本语法】
  15. Mail_Android_Video_SW_DDK_Intergration_Guide_And_Codec_User_Manual中文翻译【chapter1】
  16. Learning the Model Update for Siamese Trackers学习笔记
  17. 【年薪百万之IT界大神成长之路零】年薪百万之IT界大神成长之路
  18. Dropping Balls
  19. STM32CubeMX新建工程+基本IO配置过程
  20. obj-c编程11:内存管理和ARC(自动引用计数)

热门文章

  1. 毫米波雷达基本原理,多普勒效应技术,雷达探测模块应用
  2. 曲形文字识别 - Transformer-based Convolutional-Attention Network for Irregular Text Recognition
  3. Android 主题切换(theme),语种切换,动态获取自定义属性(attr)值
  4. 用Arduino实现DHT11自动控制L9110电机风扇
  5. Java和邮政编码示例
  6. gitbook电子书制作步骤(linux环境下)
  7. BB10 Cascades Hello World样例分析
  8. 电脑老是自动安装流氓软件的解决办法(详解)
  9. i++ 、 ++i和i+=1、i=i+1 的问题
  10. 劈尖干涉公式_劈尖干涉条纹的特征.PPT