廢話不多說了,直接給大家貼代碼了。
<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表單佈局樣式代碼的相關知識,希望對大家有所幫助!