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

请输入您要查询的范文:

 

标题 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/19 22:09:29