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="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>

`