您的位置：首页 > Web前端 > BootStrap

实习见闻（4）——bootstrap实现登陆功能

2016-07-26 11:01 417 查看
师傅留了一个新任务，利用bootstrap前端框架实现登陆功能。

bootstrap 是基于 HTML、CSS、JAVASCRIPT 的

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆界面</title>

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<form action="#" class="form-signin" role="form">
<h2 class="form-signin-heading">用户登录</h2>

<input type="text" class="form-control" placeholder="请输入用户名" required autofocus>
<div style="height:10px;clear:both;display:block"></div>
<input type="password" class="form-control" placeholder="请输入密码" required>
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me"> 记住登录状态
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
</form>
</div>
</body>
</html>前端我就选择这个从网上找的了
后端的工作才刚开始，为完成任务，我计划先创建一个只存用户名密码的表单，跳转到一个欢迎界面就ok
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  java web 实习 maven java bootstrap
相关文章推荐
新的分享
章节导航