网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	Bootstrap表单布局样式源代码
内容	Bootstrap提供了三种表单布局：垂直表单，内联表单和水平表单     创建垂直或基本表单：     ·向父 <form> 元素添加 role="form"。     ·把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。     ·向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .form-control     内联表单：     内联表单中所有元素都向左对齐，标签并排，要创建内联表单，需要在form标签中加入class.form-inline     水平表单:和其它两种表单有所不同,要创建水平表单需要遵循以下步骤.     •向父 <form> 元素添加 class .form-horizontal。     •把标签和控件放在一个带有 class .form-group 的 <div> 中。     •向标签添加 class .control-label。     Bootstrap表单布局样式如下          实现代码：     <form role="form">          <fieldset>           <legend>配置数据源</legend>           <div>            <label for="ds_host">主机名</label>            <div>             <input id="ds_host" type="text" placeholder="192.168.1.161"/>            </div>            <label for="ds_name">数据库名</label>            <div>             <input id="ds_name" type="text" placeholder="msh"/>            </div>           </div>           <div>            <label for="ds_username">用户名</label>            <div>             <input id="ds_username" type="text" placeholder="root"/>            </div>            <label for="ds_password">密码</label>            <div>             <input id="ds_password" type="password" placeholder="123456"/>            </div>           </div>          </fieldset>            <fieldset>            <legend>选择相关表</legend>           <div>            <label for="disabledSelect">表名</label>            <div>             <select id="disabledSelect">              <option>禁止选择</option>              <option>禁止选择</option>             </select>            </div>           </div>          </fieldset>           <fieldset>            <legend>字段名</legend>           <div>            <label for="disabledSelect">表名</label>            <div>             <select id="disabledSelect">              <option>禁止选择</option>              <option>禁止选择</option>             </select>            </div>           </div>          </fieldset>         </form>     以上就是本文的全部内容，希望对大家的学习有所帮助
随便看	请把专升本补录名单列出来好吗？ 专升本计算机没有过给可以去读书呀？ 2009年云南高考录取查询指南 征集志愿 补报志愿 自考13位考号是什么意思 2009年云南省高考招生第一批本科征集志愿公告 2009年云南高考7月17日录取情况日报 自考本科文凭可以参加事业单位考试吗？ 玉溪市中考录取分数线 现在昆明读初中的学生，高中可在哪读？高考在哪报民？ 普通高等院校大中专毕业生就业报到证 关于自考问题紧急回复！ 云南省2009年10月(第58次)自考网上报名公告 2009年云南高考7月16日录取日报 档案管理？ 中考分数查询 法学研究生与法律硕士 中考成绩 关于大专生是否可以考研的问题 昆明中考成绩可以查询了吗？ 09年昆明理工大计算机专业专升本录取最低分数 2009年云南中考成绩查询指南 2009年云南中考成绩查询 中国青年政治学院 ginger-group gingerly ginger root ginger snap ginger-snap ginger something up ginger sth up ginger-sth-up ginger-up ginger wine 意见 意见箱 意识 意识形态 意识流 意译 意象 意趣 意远 意马心猿 人力资源毕业自我鉴定 爱与奉献是我无悔的选择护士青春奉献演讲 舞蹈毕业生自我鉴定 体育专业毕业自我鉴定 药学毕业生自我鉴定 精神心理卫生科护士爱岗敬业演讲稿 毕业自己我鉴定 做一名乡镇护士我无怨无悔 国培学院毕业鉴定 函授毕业生班级鉴定

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。