<!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. C#保存图片到文件夹区分8位和24位

    1.保存图像--24位位图(显示的图像,包括增加结果到界面上的数据) Image image2 = default(Image); image2 = cogRecordDisplay1.CreateC ...

  2. Linux下文件打包与解包

    打包(.tar):  tar -cvf Pro.tar /home/lin/Pro   #将/home/lin/Pro文件夹下的所有文件打包成Pro.tar 打解包(.tar.gz)  tar -cv ...

  3. AVPlayerViewController视频播放器

    前言 iOS8之后系统自带使用AVPlayerViewController播放视频 AVPlayerViewController AVPlayerViewController和导航控制器差不多,需要将 ...

  4. 【Luogu】P2051中国象棋（DP）

    题目链接 去看STDCALL的题解吧 #include<cstdio> #include<cctype> #define mod 9999973 inline long lon ...

  5. linux-起步

    学习网站: linux中国开源社区 Vmware下载与安装 https://blog.csdn.net/Ywaken/article/details/78839005 https://blog.csd ...

  6. 标准C程序设计七---04

    Linux应用             编程深入            语言编程 标准C程序设计七---经典C11程序设计    以下内容为阅读:    <标准C程序设计>(第7版) 作者 ...

  7. Perl语言入门--4--函数

    1.chop函数:删除标量变量或数组中每个字符的最后一个字 举个栗子: #!/usr/bin/perl $v = 'Flowers'; $r = chop($v); print "$v (w ...

  8. 结构字段验证－－validator.v9

    官网:https://godoc.org/gopkg.in/go-playground/validator.v9#hdr-Baked_In_Validators_and_Tags package va ...

  9. 阻塞IO下的echo回显实验

    我们只关心代码中的业务逻辑和底层阻塞原因 客户端代码 发送数据 std::string message(len, 'S'); int nw = stream->sendAll(message.c ...

  10. Cookie 和 Session 有什么区别呢？

    Cookie 和 Session 有什么区别呢?大部分的面试者应该都可以说上一两句,比如:什么是 Cookie?什么是 Session?两者的区别等 但如果再往深入探讨的话,就慢慢有一些朋友不太了解了 ...