知乐空间

bootstrap登录注册界面

主要特色:使用bootstrap搭建,登陆注册在一个页面,背景图片轮播

说明:图片820×560

代码:

<%@ page language=”java” contentType=”text/html; charset=UTF-8″

pageEncoding=”UTF-8″%>

登录注册

<%

String path = request.getContextPath();

String basePath = request.getScheme() + “://”

+ request.getServerName() + “:” + request.getServerPort()

+ path + “/”;

%>

img/brandbest.jpg” />

bootstrap/css/bootstrap.min.css” rel=”stylesheet”>

<script src=”http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js”></script>

<script src=”http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js”></script>

</script> –>

<script type=”text/javascript” src=/n/”<%=basePath %>js/jquery-1.11.3.js”></script>

<script type=”text/javascript”>

$(function(){

$(“#gologin”).click(function(){

$(“#login_div”).show();

$(“#regist_div”).hide();

});

$(“#goregist”).click(function(){

$(“#login_div”).hide();

$(“#regist_div”).show();

});

});

</script>

img/bg1.jpg” alt=”…”>

img/bg2.jpg” alt=”…”>

img/bg3.jpg” alt=”…”>

Previous

Next

–>

用户注册 去登录

type=”email” class=”form-control” id=”regist_name”

placeholder=”account”>

type=”password” class=”form-control” id=”regist_pass”

placeholder=”Password”>

type=”password” class=”form-control” id=”regist_pass2″

placeholder=”Confirm Password”>

”/>

用户登录 去注册

type=”email” class=”form-control” id=”login_name”

placeholder=”account”>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 ZLME@ZLME.COM 举报,一经查实,立刻删除。

留言与评论(共有 0 条评论)
验证码: