<form class="form-horizontal" role="form">

        <fieldset>

                        <legend>配置数据源</legend>

                       <div class="form-group">

                          <label class="col-sm-2 control-label" for="ds_host">主机名</label>

                          <div class="col-sm-4">

                             <input class="form-control" id="ds_host" type="text" placeholder="192.168.1.161"/>

                          </div>

                          <label class="col-sm-2 control-label" for="ds_name">数据库名</label>

                          <div class="col-sm-4">

                             <input class="form-control" id="ds_name" type="text" placeholder="msh"/>

                          </div>

                       </div>

                       <div class="form-group">

                          <label class="col-sm-2 control-label" for="ds_username">用户名</label>

                          <div class="col-sm-4">

                             <input class="form-control" id="ds_username" type="text" placeholder="root"/>

                          </div>

                          <label class="col-sm-2 control-label" for="ds_password">密码</label>

                          <div class="col-sm-4">

                             <input class="form-control" id="ds_password" type="password" placeholder="123456"/>

                          </div>

                       </div>

                    </fieldset>

                    <fieldset>

                         <legend>选择相关表</legend>

                        <div class="form-group">

                           <label for="disabledSelect"  class="col-sm-2 control-label">表名</label>

                           <div class="col-sm-10">

                              <select id="disabledSelect" class="form-control">

                                 <option>禁止选择</option>

                                 <option>禁止选择</option>

                              </select>

                           </div>

                        </div>

                    </fieldset>

                       <fieldset>

                         <legend>字段名</legend>

                        <div class="form-group">

                           <label for="disabledSelect"  class="col-sm-2 control-label">表名</label>

                           <div class="col-sm-10">

                              <select id="disabledSelect" class="form-control">

                                 <option>禁止选择</option>

                                 <option>禁止选择</option>

                              </select>

                           </div>

                        </div>

           </fieldset>

</form>

Bootstrap表单样式的更多相关文章

  1. bootstrap 表单样式

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

  2. Bootstrap表单

    Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) -> 这个不好看,都是手机版了,PC版占一排不好看: 内联表单 -> 我相信这个才是你想要的,PC版响应横排,手机版响应竖 ...

  3. bootstrap表单带验证

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...

  4. 详解Bootstrap表单组件

    表单常见的元素主要包括:文本输入框.下拉选择框.单选框.复选框.文本域.按钮等.下面是不同的bootstrap版本: LESS:  forms.less SASS:  _forms.scss boot ...

  5. 基于Bootstrap表单验证

    基于Bootstrap表单验证 GitHub地址:https://github.com/chentangchun/FormValidate 使用方式: 1.CSS样式 .valierror { bor ...

  6. 第二百三十四节，Bootstrap表单和图片

    Bootstrap表单和图片 学习要点: 1.表单 2.图片 本节课我们主要学习一下 Bootstrap 表单和图片功能,通过内置的 CSS 定义,显示各 种丰富的效果. 一．表单 Bootstrap ...

  7. bootstrapValidator.js，最好用的bootstrap表单验证插件

    前言:做Web开发的我们,表单验证是再常见不过的需求了.友好的错误提示能增加用户体验.博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator.今天就来 ...

  8. html5 表单样式 表单验证1 2 3

    html5 表单样式 ie9以下不支持 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

  9. HTML表单样式

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

随机推荐

  1. CentOS在VMware中 网络配置

    一. 将centos安装好之后,发现ping, ifconfig等常见的命令都用不了,出现unknown service或command not found这样的字眼,这让我十分无语.查了一下资料,i ...

  2. ssh tunnel 三种模式

    环境介绍: 主机 位置 公网 内网IP 角色 host-a 局域网1 否 192.168.0.1 ssh client host-b 局域网2.公网 是 192.168.1.1 ssh server ...

  3. 【LeetCode每天一题】Valid Parentheses(有效的括弧)

    Given a string containing just the characters '(', ')', '{', '}', '[' and ']', determine if the inpu ...

  4. Java - Selenium 环境配置

    1. 安装Java JDK - 文件自己下 2. 配置环境变量-重要! 我的电脑-属性-高级-环境变量 添加 CLASSPATH  值 .;%JAVA_HOME%\lib;%JAVA_HOME%\li ...

  5. 利用TensorFlow实现多元线性回归

    利用TensorFlow实现多元线性回归,代码如下: # -*- coding:utf-8 -*- import tensorflow as tf import numpy as np from sk ...

  6. vmware 下linux 共享文件夹消失

    今天遇到了vmware下linux和宿主win7系统共享文件,突然在linux下消失的问题 环境:vmware10.0.0下装了centos, 主机系统是win7. 背景:事情的初衷是想让win7 下 ...

  7. \r\n 回车换行浅析

    \r \ 10 x0a return \n \ x0d newline Unix系统里,每行结尾只有“<换行>”,即“\n”: Windows系统里面,每行结尾是“<回车>&l ...

  8. MySQL数据类型--与MySQL零距离接触2-6数据表

    系型数据库--二维表格也就是数据表,有行和列,行称为记录,列称为字段.有数据库只是一个空架子,要存数据需要有数据表.设计数据表.  使用数据库,打开数据库: 显示当前打开的那个数据库:SELECT D ...

  9. python math random

    很有用个的工具 值得好好看看,这是作者(python发明者)对于工作中使用到的大多数场景的提炼 //test.py 1 import math 2 3 print abs(-10) 4 print m ...

  10. List<String> 2List <Long>

    public static List<Integer> CollStringToIntegerLst(List<String> inList){ List<Integer ...