6-bootstrap笔记-其他表单组件

文本域

<form class="form-horizontal" role="form">
<textarea class="form-control" rows="5">hello</textarea>
</form>

复选框

<!--同样是在form标签下创建-->
<div class="checkbox">
<label>
<input name="fruit" type="checkbox" value="">橘子
</label>
</div>
<div class="checkbox">
<label>
<input name="fruit" type="checkbox" value="">葡萄
</label>
</div>
<!--label的作用可用来可以把点击文字也能选中-->

单选框

<div class="radio">
<label>
<input name="optionsRadios" type="radio" checked>男
</label>
</div>
<div class
4000
="radio">
<label>
<input name="optionsRadios" type="radio">女
</label>
</div>
<!--当然也可以在外面嵌套一层form-group的div，这样有利于更好的控制这个表单控件-->

创建一个下拉列表

<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>