01.inputGroup
@
@
@
@example.com
@example.com
@example.com
@
@
@
@example.com
@example.com
@example.com
@
@
@
@example.com
@example.com
@example.com
@
@
@
@example.com
@example.com
@example.com
@
@
@
@example.com
@example.com
@example.com
@
@
@
@example.com
@example.com
@example.com
输入框组使用说明:
<input> 输入框组标签整体html:
<div class="ui-intGro-Lfsbl">
    <span>@</span>
    <input type="text"/>
</div>
输入框组所需调用样式:
ui-intGro-Lfsbl 蓝色带@符号【符号在左边】输入框组(直角、大)样式
ui-intGro-Lfsbm 蓝色带@符号【符号在左边】输入框组(直角、中)样式
ui-intGro-Lfsbs 蓝色带@符号【符号在左边】输入框组(直角、小)样式
ui-intGro-Rfsbl 蓝色带@example.com符号【符号在右边】输入框组(直角、大)样式
ui-intGro-Rfsbm 蓝色带@example.com符号【符号在右边】输入框组(直角、中)样式
ui-intGro-Rfsbs 蓝色带@example.com符号【符号在右边】输入框组(直角、小)样式
ui-intGro-Lfsgl 绿带@符号【符号在左边】输入框组(直角、大)样式
ui-intGro-Lfsgm 绿色带@符号【符号在左边】输入框组(直角、中)样式
ui-intGro-Lfsgs 绿色带@符号【符号在左边】输入框组(直角、小)样式
ui-intGro-Rfsgl 绿色带@example.com符号【符号在右边】输入框组(直角、大)样式
ui-intGro-Rfsgm 绿色带@example.com符号【符号在右边】输入框组(直角、中)样式
ui-intGro-Rfsgs 绿色带@example.com符号【符号在右边】输入框组(直角、小)样式
ui-intGro-Lfshl 灰色带@符号【符号在左边】输入框组(直角、大)样式
ui-intGro-Lfshm 灰色带@符号【符号在左边】输入框组(直角、中)样式
ui-intGro-Lfshs 灰色带@符号【符号在左边】输入框组(直角、小)样式
ui-intGro-Rfshl 灰色带@example.com符号【符号在右边】输入框组(直角、大)样式
ui-intGro-Rfshm 灰色带@example.com符号【符号在右边】输入框组(直角、中)样式
ui-intGro-Rfshs 灰色带@example.com符号【符号在右边】输入框组(直角、小)样式

ui-intGro-Lffbl 蓝色带@符号【符号在左边】输入框组(圆角、大)样式
ui-intGro-Lffbm 蓝色带@符号【符号在左边】输入框组(圆角、中)样式
ui-intGro-Lffbs 蓝色带@符号【符号在左边】输入框组(圆角、小)样式
ui-intGro-Rffbl 蓝色带@example.com符号【符号在右边】输入框组(圆角、大)样式
ui-intGro-Rffbm 蓝色带@example.com符号【符号在右边】输入框组(圆角、中)样式
ui-intGro-Rffbs 蓝色带@example.com符号【符号在右边】输入框组(圆角、小)样式
ui-intGro-Lffgl 绿带@符号【符号在左边】输入框组(圆角、大)样式
ui-intGro-Lffgm 绿色带@符号【符号在左边】输入框组(圆角、中)样式
ui-intGro-Lffgs 绿色带@符号【符号在左边】输入框组(圆角、小)样式
ui-intGro-Rffgl 绿色带@example.com符号【符号在右边】输入框组(圆角、大)样式
ui-intGro-Rffgm 绿色带@example.com符号【符号在右边】输入框组(圆角、中)样式
ui-intGro-Rffgs 绿色带@example.com符号【符号在右边】输入框组(圆角、小)样式
ui-intGro-Lffhl 灰色带@符号【符号在左边】输入框组(圆角、大)样式
ui-intGro-Lffhm 灰色带@符号【符号在左边】输入框组(圆角、中)样式
ui-intGro-Lffhs 灰色带@符号【符号在左边】输入框组(圆角、小)样式
ui-intGro-Rffhl 灰色带@example.com符号【符号在右边】输入框组(圆角、大)样式
ui-intGro-Rffhm 灰色带@example.com符号【符号在右边】输入框组(圆角、中)样式
ui-intGro-Rffhs 灰色带@example.com符号【符号在右边】输入框组(圆角、小)样式
注:class="把文字换成您需要添加的样式"
带下拉链接输入框组使用说明:
<input> 输入框组带下拉链接标签整体html:
<div class="ui-selGro-Fsb">
  <button onclick="selGroS(this)">Action <span></span></button>
  <input type="text"/>
  <ul class="selGroS">
    <li><a>SearchResults</a></li>
    <li><a>SearchResults</a></li>
    <li><a>SearchResults</a></li>
    <li><a>SearchResults</a></li>
  </ul>
</div>

输入框组所需调用样式:
ui-selGro-Fsb 蓝色带下拉链接输入框组
ui-selGro-Fsg 绿色带下拉链接输入框组
ui-selGro-Fsh 灰色带下拉链接输入框组
selGroS 用于调用JS
注:class="把文字换成您需要添加的样式"
带单/复选输入框组使用说明:
<input> 带单/复选输入框组标签整体html:
<div class="ui-boxGro">
    <span class="intGroT intBorRig"><input type="checkbox" /></span>
    <input type="text" class="intGroI"/>
</div>
输入框组所需调用样式:
ui-boxGro 带单/复选输入框组
intGroT 带复选按钮输入框组(复选框样式)
intBorRig 带复选按钮输入框组(无右边框)
intGroI 带复选按钮输入框组(文本框样式)
注:class="把文字换成您需要添加的样式"