Form 表单
Forms
参考 bootstrap 表单
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">Label</label>
<div class="col-sm-9">
<input type="text" class="form-control" placeholder="Username" id="form-field-1" />
</div>
</div>
</form>
.col-xs-10、.col-sm-5、.form-control 布局
.no-padding-right、.no-padding-left 无间距
.no-option 无内容，例如 select、dropdowns
<option value="0" class="no-option"></option>
Input 输入框
参考 bootstrap
.input-icon、.input-icon-right、
<span class="input-icon">
<input type="text" id="form-field-icon-1" />
<i class="ace-icon fa fa-leaf blue"></i>
</span>
<span class="input-icon input-icon-right">
<input type="text" id="form-field-icon-1" />
<i class="ace-icon fa fa-leaf green"></i>
</span>
输入框大小
.input-mini、.input-small、.input-medium、.input-large、 .input-xlarge
校验状态
.has-warning、.has-error、.has-success、.has-info
<div class="form-group has-warning">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">Input with warning</label>
<div class="col-xs-12 col-sm-5">
<span class="block input-icon input-icon-right">
<input type="text" class="width-100" id="inputWarning" />
<i class="ace-icon fa fa-leaf"></i>
</span>
</div>
<div class="help-block col-xs-12 col-sm-reset inline">
Warning tip help!
</div>
</div>