<!DOCTYPE html>
<html>
<head>
<title>动态登录界面</title>
<meta name="keywords" content="动态登录界面"/>
<meta name="description" content="最全的动态登录界面下载网站http://cn.inspinia.cn"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--Custom Theme files-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//Custom Theme files -->
<!--js-->
<script src="js/jquery.min.js" ></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<!--//js-->
</head>
<body>
<!-- main -->
<div class="main">
<h1>Tab Widget Form</h1>
<div class="main-info">
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<ul class="resp-tabs-list">
<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><h2><span>Login</span></h2></li>
<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>Register</span></li>
<div class="clear"> </div>
</ul>
<div class="resp-tabs-container">
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
<div class="login-top">
<form>
<input type="text" class="email" placeholder="Email" required=""/>
<input type="password" class="password" placeholder="Password" required=""/>
<input type="checkbox" id="brand" value="">
<label for="brand"><span></span> Remember me?</label>
</form>
<div class="login-bottom">
<ul>
<li>
<a href="#">Forgot password?</a>
</li>
<li>
<form>
<input type="submit" value="LOGIN"/>
</form>
</li>
<ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
<div class="login-top sign-top">
<form>
<input type="text" class="name active" placeholder="Your Name" required=""/>
<input type="text" class="email" placeholder="Email" required=""/>
<input type="password" class="password" placeholder="Password" required=""/>
<input type="checkbox" id="brand1" value="">
<label for="brand1"><span></span> Remember me?</label>
</form>
<div class="login-bottom">
<ul>
<li>
<a href="#">Forgot password?</a>
</li>
<li>
<form>
<input type="submit" value="SIGN UP"/>
</form>
</li>
<ul>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
<div class="social-icons">
<ul>
<li><a href="#"><span class="icons"></span><span class="text">Facebook</span></a></li>
<li class="twt"><a href="#"><span class="icons"></span><span class="text">Twitter</span></a></li>
<li class="ggp"><a href="#"><span class="icons"></span><span class="text">Google+</span></a></li>
<li class="pin"><a href="#"><span class="icons"></span><span class="text">Pinterest</span></a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
<!--copyright-->
<div class="copyright">
<p> © 2016 Tab Widget Form . All rights reserved | Template by <a href="https://shop585798004.taobao.com/" target="_blank">前端ui</a></p>
</div>
<!--//copyright-->
</div>
</body>
</html>
html登录页面login029.rar
需积分: 0 177 浏览量
2023-09-09
09:46:52
上传
评论
收藏 232KB RAR 举报
html登录页面login029.rar （13个子文件） 
style.css 10KB
l3.png 3KB i4.png 3KB l2.png 3KB i1.png 3KB easyResponsiveTabs.js 6KB i3.png 3KB l1.png 3KB bg.png 171KB tick.png 3KB
index.html 4KB i2.png 3KB jquery.min.js 94KB资源评论
