~~~
**样式一:普通分组框**
<fieldset>
<legend>分组框标题</legend>
<!-- 开始其它组件 -->
<!-- 结束其它组件 -->
</fieldset>
~~~
![](https://box.kancloud.cn/2016-01-18_569c4fb47ad64.png)
* * * * *
~~~
**样式二:带选择分组框**
<fieldset>
<legend>
<div class="checkbox">
<label><input type="checkbox" name="组件名称" value="" placeholder=""> 组件标题</label>
</div>
</legend>
<!-- 开始其它组件 -->
<!-- 结束其它组件 -->
</fieldset>
~~~
![](https://box.kancloud.cn/2016-01-18_569c4fb491432.png)
* * * * *
~~~
**示例**
<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>
![](https://box.kancloud.cn/2016-01-18_569c4fb49dc07.png)
~~~