为了账号安全,请及时绑定邮箱和手机立即绑定

HTML登录页制作怎么做啊,求大神解

HTML登录页制作怎么做啊,求大神解

不必牵强 2016-10-22 20:23:08
查看完整描述

1 回答

已采纳
?
Tobey_滔

TA贡献242条经验 获得超128个赞

给你一个简单的例子..copy就可以使用的..我用了bootstrap的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录界面</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
</head>
<body>
<h2>登录界面</h2>
<hr>
<form role="form">
<div>
<label for="inputEmail3" class="col-sm-4 control-label">帐号</label>
<div>
<input type="email" id="inputEmail3" placeholder="请输入帐号" required>
</div>
</div>
<div>
<label for="inputPassword3" class="col-sm-4 control-label">密码</label>
<div>
<input type="password" id="inputPassword3" placeholder="请输入密码" required>
</div>
</div>
<div>
<div class="col-sm-offset-4 col-sm-8">
<div>
<label>
<input type="checkbox"> 7天免登录
</label>
</div>
</div>
</div>
<div>
<div class="col-sm-offset-4 col-sm-8">
<button type="submit" class="btn btn-primary"> 登 录 </button> 
<button type="button" class="btn btn-primary"> 注 册 </button>
</div>
</div>
</form>
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</html>

界面大致

//img.imooc.com/580b5c150001230106900327.jpg

查看完整回答
1 反对 回复 2016-10-22
  • 1 回答
  • 4 关注
  • 1292 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信