几种常用的控件(下拉框 可选框 起止日期)
Posted 亢东升
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了几种常用的控件(下拉框 可选框 起止日期)相关的知识,希望对你有一定的参考价值。
下拉框
<div class="form-group">
<label class="col-xs-3 control-label no-padding-right">状态</label>
<div class="col-xs-9">
<select class="form-control mmp-select" id="stat" name="stat">
<option value="">----请选择----</option>
<option value="1">制单</option>
<option value="2">已提交</option>
<option value="5">已审核</option>
</select>
</div>
</div>
可选框
<div class="col-xs-3">
<div class="form-group">
<label class="col-xs-3 control-label no-padding-right"></label>
<div class="checkbox">
<label class="col-xs-4 control-label no-padding-right"><input type="checkbox" name="isValid"
value="Y" checked="checked" id="isValid">是否有效</label>
</div>
</div>
</div>
起止日期
<div class="col-xs-3">
<div class="form-group">
<label class="col-xs-3 control-label no-padding-right">起止日期</label>
<div class="col-xs-9">
<div class="input-daterange input-group">
<input type="text" data-date-format="yyyy-mm-dd"
class="input-sm form-control date-picker" name="startDate" />
<span class="input-group-addon"> <i
class="fa fa-exchange"></i></span>
<input type="text"
data-date-format="yyyy-mm-dd"
class="input-sm form-control date-picker" name="endDate" />
</div>
</div>
</div>
</div>
以上是关于几种常用的控件(下拉框 可选框 起止日期)的主要内容,如果未能解决你的问题,请参考以下文章