<!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. Oracle中Restore和Recovery的区别

    一.参考解释一 在Oracle的备份与恢复的知识点中,经常会出现Restore 和 Recovery两个词. 由于这两个词在字典中的解释很接近,困扰了我很久.直到我在Oracle的官方文档中看到了以下 ...

  2. vc调试大全

    一.调试基础 调试快捷键 F5:  开始调试 Shift+F5: 停止调试 F10:   调试到下一句,这里是单步跟踪 F11:   调试到下一句,跟进函数内部 Shift+F11:  从当前函数中跳 ...

  3. 【php学习之路】微信公众帐号

          上个月开始学习php,算上中间放假的时间差不多有一个月了.这段时间呢,每天上班没事的时候不慌不忙的看下php,刚开始也只是看下php中文手册,看完一遍好像没什么感觉.于是就想啊,做个什么东 ...

  4. C++中的临时变量

    临时变量有两个特征: 1.invisiable,在程序代码中没有显式出现 2 没有名字 non - named. 出现临时变量/对象的场合1.函数的返回值2. 参数传递 值传递 by - value ...

  5. Decorator(装饰器模式)

    装饰器模式允许我们根据运行时不同的情景动态地为某个对象调用前后添加不同的行为动作. <?php class HtmlTemplate { // any parent class methods ...

  6. HDU-1829 A Bug's Life。并查集构造，与POJ1709异曲同工！

    A Bug's Life                                                     Find them, Catch them 都是并查集构造的题,不久前 ...

  7. 九度oj 题目1185：特殊排序

    题目描述: 输入一系列整数,将其中最大的数挑出,并将剩下的数进行排序. 输入: 输入第一行包括1个整数N,1<=N<=1000,代表输入数据的个数. 接下来的一行有N个整数. 输出: 可能 ...

  8. EasyUI 打印当前页

    function CommonPrint(printDatagrid, type) { var tableString = '<table cellspacing="0" c ...

  9. linux和windows下分别如何查看电脑是32位的还是64位？

    WINDOWS下查看的方法: 方法一. 在开始→运行中输入“winver”,如果您的系统是64位的,会明确标示出“x64 edition”. 方法二.(推荐) 在cmd窗口中输入systeminfo回 ...

  10. 创建mavenweb项目

    1.创建maven项目 2.创建maven-web项目 3.将webapp文件夹复制到maven项目下,src路径下