<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>信息收集卡</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body> <div class="container">
<div class="page-header">
<h1>信息收集卡
<small>yigong sanbu</small>
</h1>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="77" aria-valuemin="0" aria-valuemax="100"
style="width: 77%;">
77%
</div>
</div>
<div class="panel panel-primary">
<div class="panel-body">
基本信息
</div>
<div class="panel-footer">
<div class="row">
<div class="col-md-6">
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail39" class="col-sm-2 control-label">姓名</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail39" placeholder="name">
</div>
</div>
<div class="form-group">
<label for="inputEmail13" class="col-sm-2 control-label">电话</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail13" placeholder="phone">
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
<div class="form-group">
<label for="exampleInputFile" class="col-sm-2" >头像</label>
<div class="col-sm-10">
<input type="file" id="exampleInputFile">
<p class="help-block">禁止上传黄色图片</p>
</div>
</div>
<hr>
<div class="form-group">
<div class="row">
<div class="col-md-4 col-md-offset-3 ">
<label class="checkbox">
<input type="checkbox" id="inlineCheckbox1" value="option1"> 我是好人吗?
</label>
<label class="checkbox">
<input type="checkbox" id="inlineCheckbox2" value="option1"> 我是坏人吗?
</label>
<label class="checkbox">
<input type="checkbox" id="inlineCheckbox3" value="option1"> 你还是人吗?
</label>
</div>
<div class="col-md-5 "></div>
</div>
</div> <div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">登录</button>
</div>
</div> </form>
</div> </div> </div>
</div> </div> </body>
</html>

效果图↓:

最新文章

  1. [译]git config
  2. 设计模式学习之代理模式(Proxy,结构型模式)(11)
  3. 和声搜索算法-python实现
  4. 九度OJ - 题目1481:Is It A Tree?
  5. angularJS $resource与后台restapi的对应关系
  6. JQ+AJAX实现多级联动
  7. AtomicLong
  8. SPRING IN ACTION 第4版笔记-第一章-002-DI介绍
  9. Windows failed to start.界面下修复win8引导
  10. 简单的cd命令
  11. eclipse使用jrebel
  12. java 中的强制转换
  13. 【Git】【1】简单介绍
  14. 设置https以及http转https的问题
  15. #CSS margin-top父元素下落
  16. js实现裁剪头像上传编辑器
  17. 15.01.23-sql的注入式攻击
  18. Elasticsearch doc_value认识
  19. C语言实现数组逆置
  20. System IPC 与Posix IPC(msg消息对列)

热门文章

  1. mysql无法启动,报错 Can&#39;t start server: can&#39;t create PID file: No space left on device
  2. C++枚举类型enum
  3. NYOJ 219 An problem about date
  4. python pdb模块
  5. 【Luogu】P1516青蛙的约会(线性同余方程,扩展欧几里得)
  6. [LA3620]Manhattan Wiring
  7. Python GUI 之 Treeview 学习
  8. K-lord #2
  9. 【leetcode dp】629. K Inverse Pairs Array
  10. log4j中isDebugEnabled(), log.isInfoEnabled()和log.isTraceEnabled的封装