kero
Version:
63 lines (62 loc) • 2.78 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-right">
<div class="u-widget-heading">
<h3 class="u-widget-title">普通输入框</h3>
</div>
<div class="u-widget-body">
<!--没有边框输入框代码 -->
<div class="u-text">
<input class="u-input" />
<label class="u-label">这是一个文本框</label>
</div>
<!--标准输入框代码 -->
<div class="u-form-group">
<label for="exampleInput3">必输:</label>
<div class="u-input-group u-has-feedback must-in">
<div class="u-input-group-before " style="color: red;">*</div>
<input type="text" class="u-form-control" id="exampleInput3" placeholder="jane.doe@example.com">
<span class="u-form-control-feedback fa fa-search"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="u-row">
<div class="u-col-md-12">
<div class="u-widget u-widget-right">
<div class="u-widget-heading">
<h3 class="u-widget-title">不可用输入框</h3>
</div>
<div class="u-widget-body">
<!--不可用输入框代码 -->
<div class="u-form-group">
<div class="u-input-group u-has-feedback">
<input type="text" class="u-form-control" id="exampleInput3" disabled placeholder="jane.doe@example.com">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="u-row">
<div class="u-col-md-12">
<div class="u-widget u-widget-right">
<div class="u-widget-heading">
<h3 class="u-widget-title">短型输入框</h3>
</div>
<div class="u-widget-body">
<!--短型输入框代码 -->
<div class="u-form-group">
<div class="u-input-group u-has-feedback sw">
<input type="text" class="u-form-control" id="exampleInput3" placeholder="jane.doe@example.com">
<span class="u-form-control-feedback fa fa-search"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>