~~~
**樣式一:普通分組框**
<fieldset>
<legend>分組框標題</legend>
<!-- 開始其它組件 -->
<!-- 結束其它組件 -->
</fieldset>
~~~

* * * * *
~~~
**樣式二:帶選擇分組框**
<fieldset>
<legend>
<div class="checkbox">
<label><input type="checkbox" name="組件名稱" value="" placeholder=""> 組件標題</label>
</div>
</legend>
<!-- 開始其它組件 -->
<!-- 結束其它組件 -->
</fieldset>
~~~

* * * * *
~~~
**示例**
<fieldset>
<legend>
<div class="checkbox">
<label><input type="checkbox" name="組件名稱" value="" placeholder=""> 組件標題</label>
</div>
</legend>
<!-- 開始其它組件 -->
<div class="form-group">
<label>路徑:</label>
<input type="text" class="form-control" placeholder="如:C:\e\backup\" name="備份源碼目錄"/>
</div>
<div class="form-group">
<label>命令行文本:</label>
<textarea class="form-control" name="命令行文本" rows="5" placeholder="每條命令行為1行"/></textarea>
</div>
<!-- 結束其它組件 -->
</fieldset>

~~~