<!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>

效果图↓：

基于bootstrap_信息采集的更多相关文章

  1. 基于bootstrap_网站汇总页面

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 基于bootstrap_博客页面

    <!DOCTYPE html> <!-- saved from url=(0036)http://v3.bootcss.com/examples/blog/ --> <h ...

  3. 基于bootstrap_登陆页面

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. 基于bootstrap_后台管理

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. [Arduino] 基于Xbee Pro和网络技术的智能公交系统设计

    转自:http://www.21ic.com/app/rf/201112/99474.htm 引言 公共交通具有个体交通无法比拟的强大优势,优先发展城市公共交通系统是解决大.中城市交通问题的最佳途径. ...

  6. 基于opencv的车牌识别系统

    前言 学习了很长一段时间了,需要沉淀下,而最好的办法就是做一个东西来应用学习的东西,同时也是一个学习的过程. 概述     OpenCV的全称是:Open Source Computer Vision ...

  7. 性能测试 基于Python结合InfluxDB及Grafana图表实时监控Android系统和应用进程

    基于Python结合InfluxDB及Grafana图表实时监控Android系统和应用进程   By: 授客 QQ:1033553122     1． 测试环境 2． 实现功能 3． 使用前提 4． ...

  8. .net 信息采集ajax数据

    .net 信息采集ajax数据 关于.net信息采集的资料很多,但是如果采集的网站是ajax异步加载数据的模式,又如何采集呢?今天就把自己做信息采集时,所遇到的一些问题和心得跟大家分享一下. 采集网站 ...

  9. 基于SOA架构和流媒体技术的在线教育平台的研究

    简介 现代远程教育是指通过音频.视频(直播或录像)以及包括实时和非实时在内的计算机技术把课程传送的教育.现代远程教育是随着现代信息技术的发展而产生的一种新型教育方式.计算机技术.多媒体技术.通信技术的 ...

随机推荐

  1. ci $this->load->database()

    http://pengbotao.cn/codeigniter-database.html

  2. 七丶人生苦短，我用python【第七篇】

    模块 模块,用一砣代码实现了某个功能的代码集合. 类似于函数式编程和面向过程编程,函数式编程则完成一个功能,其他代码用来调用即可,提供了代码的重用性和代码间的耦合.而对于一个复杂的功能来,可能需要多个 ...

  3. Centos7 安装配置优化mysql(mariadb分支)

    1.说明 由于在centos7的yum仓库中没有mysql,centos7用mariadb替代了mysql. mariadb是mysql源代码的一个分支, mysql被ORACLE闭源,而mariad ...

  4. [git 学习篇] git remote add origin错误

    http://blog.csdn.net/dengjianqiang2011/article/details/9260435 如果输入$ Git remote add origin git@githu ...

  5. nginx反向代理，负载均衡，动静分离，rewrite地址重写介绍

    一.rewrite地址重写 地址转发后客户端浏览器地址栏中的地址显示是不变的,而地址重写后地址栏中的地址会变成正确的地址. 在一次地址转发过程中只会产生一次网络请求,而一次地址重写产生两次请求. 地址 ...

  6. Bzoj1083 1083: [SCOI2005]繁忙的都市【MST】

    大水题,真不知道出题者是怎么把这么水的题出的这么长的TAT 其实这题在于考语文水平,一共三个要求,前两个要求意思就是要选出的道路是树形的,最后一个要求就是要权值最小,于是整个题意说白了就是求一棵MST ...

  7. Nova 组件详解

    本节开始,我们将详细讲解 Nova 的各个子服务. 前面架构概览一节知道 Nova 有若干 nova-* 的子服务,下面我们将依次学习最重要的几个.今天先讨论 nova-api 和 nova-cond ...

  8. Linux 如何实现 VLAN

    LAN 表示 Local Area Network,本地局域网,通常使用 Hub 和 Switch 来连接 LAN 中的计算机.一般来说,两台计算机连入同一个 Hub 或者 Switch 时,它们就在 ...

  9. NOJ1203 最多约数问题 [搜索 数论]

    传送门 njczy2010 1203 Accepted 79MS   1400K 2321Byte G++ 2015-01-25 13:14:25.0 最多约数问题 时间限制(普通/Java) : 2 ...

  10. Python入门--1--基本中的基本

    一. 1.这是一个面向对面的编程,一种解释性语言. 2.缩进是python的灵魂,使代码变得非常简洁,正确使用冒号“:”,IDLE的       下一行会自动缩进 3.if语句中 python拒绝接受 ...