kero
Version:
58 lines (50 loc) • 2.1 kB
HTML
<div class="u-container-fluid u-widget-bg">
<div class="u-row">
<div class="u-col-md-12">
<div class="u-widget u-widget-middle">
<div class="u-widget-heading">
<h3 class="u-widget-title">默认下拉框</h3>
</div>
<div class="u-widget-body">
<div class="u-combo" id="combo1" style="margin: 10px">
<div class="u-input-group u-has-feedback">
<div class="u-input-group-before" style="color: red;">*</div>
<input class="u-form-control"/>
<span class="u-form-control-feedback uf uf-anglearrowdown" data-role="combo-button"></span>
</div>
</div>
<br>
<br>
<div class="u-combo" id="combo2">
<input class="u-input"/>
<label class="u-label"></label>
<span class="u-combo-icon"></span>
</div>
</div>
</div>
</div>
</div>
<div class="u-col-md-12">
<div class="u-widget u-widget-middle">
<div class="u-widget-heading">
<h3 class="u-widget-title">多选下拉框</h3>
</div>
<div class="u-widget-body">
<div class="u-combo mutil-select" id="combo3">
<div class="u-input-group u-has-feedback">
<input class="u-form-control"/>
<span class="u-form-control-feedback uf uf-anglearrowdown" data-role="combo-button"></span>
</div>
</div>
<br>
<br>
<div class="u-combo mutil-select" id="combo4">
<input class="u-input"/>
<label class="u-label"></label>
<span class="u-combo-icon"></span>
</div>
</div>
</div>
</div>
</div>
</div>