html+javascript登录注册界面源码
博主在学习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登录注册界面源码相关推荐
- html透明表单登录注册页面源码
大家好,今天给大家介绍一款,html透明表单登录注册页面源码(图1).送给大家哦,获取方式在本文末尾. 图1 自适应页面,适合于各种分辨率(图2) 图2 部分源码: <!doctype html ...
- 网页聊天室win10界面源码
简介: 网页聊天室win10界面源码,仿win10桌面网站带后台,源码上传即可使用,无需数据库. 后台地址:http://你的域名/admin/ 后台账号:admin 后台密码:admin 网盘下载地 ...
- 一款规范大方的主界面源码,会用的狐友都说好
昨天有位加我很久的狐友,突然问我要一份主控台的源码,我寻思着说他要什么主控台,并且要求我把界面图发过他,我以为是狐友会的会友,然后就了发了两张图.他说不满意,不要传统菜单的,不要TDI的.我只能说你要 ...
- 小伙利用C++模仿酷狗7(Kugou7) UI界面源码,附带炫酷动画效果哦
VC模仿酷狗7(Kugou7) UI界面源码,有动画效果, 源码说明:内含VC++源码.易语言源码各一份.包含所有图片源码(使用Fireworks编辑) 开发环境:VC版--VS2005.Gdiplu ...
- Delphi7简单DirectUI界面源码
我平常用VC++多,不熟悉Delphi,应朋友请求,写了这么个简单的界面源码,发上来大家分享. 第一次用Delphi写这样的东西,源码比较烂,抱歉. 喜欢交流软件界面的朋友,欢迎加入QQ群:软件UI技 ...
- 微信小程序如何实现登录注册带源码
前几天没事随手写了个小程序端的登录注册,现在分享给大家 一.登录微信前端 这是效果图与wxml代码 这是wxss代码 input{height: 100rpx; text-align: center; ...
- Extjs 登录界面源码
17ext.com上的,本来有很多,我精简了一部分,把其他国家的精简掉了,很多朋友说不显示中文,中文显示为乱码,我修改的这个好像没有乱码 此代码仅供新手学习,老鸟请绕道 效果图如下 Ext.ux.fo ...
- java仿微信登录界面_android 界面设计潮流:仿微信5.2界面源码
package com.example.isweixin; //Download by 链接已屏蔽 import java.util.Timer; import java.util.TimerTask ...
- 【JS协议UI源码】autoJS协议源码,JavaScript界面源码,AJ脚本利用网盘就行远程关软
autoJS协议UI源码,该源码你可以学习到JavaScript基础语法还有简单的封装md5加密 菜单判断和多号运行,本机存储和调用知识,如何不利用使用服务器进行远程关软和远程更新,远程关软我当时是利 ...
最新文章
- rabbitmq Centos6.8安装及基础命令
- Java中finally和return执行顺序
- 【Android 逆向】Android 进程注入工具开发 ( 注入代码分析 | 注入工具的 main 函数分析 )
- vs05b2中给dataset添加表间关系
- 第八周项目实践2 建立连串算法库
- ubuntu上开启SSH服务
- 动态给实例添加属性和方法
- mysql 导入导出大文件
- 为什么我选择使用 OpenBSD?
- 【 58沈剑 架构师之路】4种事务的隔离级别,InnoDB如何巧妙实现?
- python是什么专业-python有什么用(会计专业)
- atitit. web组件化原理与设计
- 小甲鱼python课后习题【1,2,3,4,5】
- 最简单的java代码【java基本语法】
- Mail_Android_Video_SW_DDK_Intergration_Guide_And_Codec_User_Manual中文翻译【chapter1】
- Learning the Model Update for Siamese Trackers学习笔记
- 【年薪百万之IT界大神成长之路零】年薪百万之IT界大神成长之路
- Dropping Balls
- STM32CubeMX新建工程+基本IO配置过程
- obj-c编程11:内存管理和ARC(自动引用计数)
热门文章
- 毫米波雷达基本原理,多普勒效应技术,雷达探测模块应用
- 曲形文字识别 - Transformer-based Convolutional-Attention Network for Irregular Text Recognition
- Android 主题切换(theme),语种切换,动态获取自定义属性(attr)值
- 用Arduino实现DHT11自动控制L9110电机风扇
- Java和邮政编码示例
- gitbook电子书制作步骤(linux环境下)
- BB10 Cascades Hello World样例分析
- 电脑老是自动安装流氓软件的解决办法(详解)
- i++ 、 ++i和i+=1、i=i+1 的问题
- 劈尖干涉公式_劈尖干涉条纹的特征.PPT