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

请输入您要查询的考试资料:

 

标题 Bootstrap表单布局样式代码
内容
    这篇文章主要介绍了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>
    效果图
    名单
    以上内容是小编给大家介绍的Bootstrap表单布局样式代码的相关知识,希望对大家有所帮助!
随便看

 

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

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/18 7:17:45