几种常用的控件(下拉框 可选框 起止日期)

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>

以上是关于几种常用的控件(下拉框 可选框 起止日期)的主要内容,如果未能解决你的问题,请参考以下文章

JS-日期框下拉框全选复选框

selenium常用操作之下拉框操作

axure 用中继器实现下拉多选框

单选框、复选框、下拉框的CSS怎么写?

出生日期 下拉框 实现

select 下拉框 不可选