欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Bootstrap表單布局樣式代碼

 更新時間:2016年05月31日 14:55:11   作者:勤能補拙  
這篇文章主要介紹了Bootstrap表單布局樣式代碼的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下

廢話不多說了,直接給大家貼代碼了。

<form class="form-horizontal" role="form">
<fieldset>
<legend>配置數(shù)據(jù)源</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">數(shù)據(jù)庫名</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>選擇相關(guān)表</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>

效果圖

以上內(nèi)容是小編給大家介紹的Bootstrap表單布局樣式代碼的相關(guān)知識,希望對大家有所幫助!

相關(guān)文章

  • 通過JavaScript控制字體大小的代碼

    通過JavaScript控制字體大小的代碼

    這個腳本會改變一個段落內(nèi)的任何文字的字體大?。?lt;P>標簽)。如果你想改變其他標簽內(nèi)的文本編輯的getElementsByTagName("P");的一部分。
    2011-10-10
  • js實現(xiàn)格式化金額,字符,時間的方法

    js實現(xiàn)格式化金額,字符,時間的方法

    這篇文章主要介紹了js實現(xiàn)格式化金額,字符,時間的方法,實例分析了javascript轉(zhuǎn)換金額、字符、日期等的常用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • 利用JS打造黑客代碼雨效果

    利用JS打造黑客代碼雨效果

    window.onload()方法用于在網(wǎng)頁加載完畢后立刻執(zhí)行的操作,即當 HTML 文檔加載完畢后,立刻執(zhí)行某個方法。本文將用window.onload()打造黑客代碼雨效果,感興趣的可以嘗試一下
    2022-06-06
  • weakMap為什么是弱引用原理

    weakMap為什么是弱引用原理

    這篇文章主要為大家介紹了weakMap為什么是弱引用原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-02-02
  • js字符串操作方法實例分析

    js字符串操作方法實例分析

    這篇文章主要介紹了js字符串操作方法,實例分析了javascript中slice、substr及substring等方法的使用技巧,需要的朋友可以參考下
    2015-05-05
  • JavaScript通過mouseover()實現(xiàn)圖片變大效果的示例

    JavaScript通過mouseover()實現(xiàn)圖片變大效果的示例

    下面小編就為大家分享一篇JavaScript通過mouseover()實現(xiàn)圖片變大效果的示例,具有很好的參考價值,希望對大家有所幫助
    2017-12-12
  • javascript事件冒泡實例分析

    javascript事件冒泡實例分析

    這篇文章主要介紹了javascript事件冒泡實原理,實例分析了事件冒泡的定義及實現(xiàn)技巧,需要的朋友可以參考下
    2015-05-05
  • js實現(xiàn)本地持久化存儲登錄注冊

    js實現(xiàn)本地持久化存儲登錄注冊

    這篇文章主要為大家詳細介紹了js實現(xiàn)本地持久化存儲登錄注冊,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • JavaScript 注冊事件代碼

    JavaScript 注冊事件代碼

    最基本的寫法 ,然后實現(xiàn)Js和HTML的分離,然后又實現(xiàn)對同一個元素注冊多個事件,期間,我們發(fā)現(xiàn)注冊事件的兼容性問題。最后我們對注冊事件的方法進行封裝,方便以后使用。
    2011-01-01
  • 利用js來實現(xiàn)縮略語列表、文獻來源鏈接和快捷鍵列表

    利用js來實現(xiàn)縮略語列表、文獻來源鏈接和快捷鍵列表

    本文主要對利用js來實現(xiàn)縮略語列表、文獻來源鏈接和快捷鍵列表的方法進行詳細分析介紹。具有很好的參考價值,需要的朋友一起來看下吧
    2016-12-12

最新評論