01.BUTTONS
















普通输入框
html:
<input type="text" name="text" value="" class="iptBlueRigL" placeholder="蓝色直角输入框"/>
样式:
蓝色直角大输入框:iptBlueRigL
蓝色直角中输入框:iptBlueRigM
蓝色直角小输入框:iptBlueRigS
蓝色圆角大输入框:iptBlueFilL
蓝色圆角中输入框:iptBlueFilM
蓝色圆角小输入框:iptBlueFilS
绿色直角大输入框:iptGreenRigL
绿色直角中输入框:iptGreenRigM
绿色直角小输入框:iptGreenRigS
绿色圆角大输入框:iptGreenFilL
绿色圆角中输入框:iptGreenFilM
绿色圆角小输入框:iptGreenFilS
深蓝色直角大输入框:iptSblueRigL
深蓝色直角中输入框:iptSblueRigM
深蓝色直角小输入框:iptSblueRigS
深蓝色圆角大输入框:iptSblueFilL
深蓝色圆角中输入框:iptSblueFilM
深蓝色圆角小输入框:iptSblueFilS
橙色直角大输入框:iptOrangeRigL
橙色直角中输入框:iptOrangeRigM
橙色直角小输入框:iptOrangeRigS
橙色圆角大输入框:iptOrangeFilL
橙色圆角中输入框:iptOrangeFilM
橙色圆角小输入框:iptOrangeFilS
橘红色直角大输入框:iptOgeRedRigL
橘红色直角中输入框:iptOgeRedRigM
橘红色直角小输入框:iptOgeRedRigS
橘红色圆角大输入框:iptOgeRedFilL
橘红色圆角中输入框:iptOgeRedFilM
橘红色圆角小输入框:iptOgeRedFilS
灰色直角大输入框:iptGreyRigL
灰色直角大输入框:iptGreyRigM
灰色直角小输入框:iptGreyRigS
灰色圆角大输入框:iptGreyFilL
灰色圆角中输入框:iptGreyFilM
灰色圆角小输入框:iptGreyFilS
灰色边框2px直角大输入框:iptGreyRigBorTpxL
灰色边框2px直角中输入框:iptGreyRigBorTpxM
灰色边框2px直角小输入框:iptGreyRigBorTpxS
灰色边框2px圆角大输入框:iptGreyFilBorTpxL
灰色边框2px圆角中输入框:iptGreyFilBorTpxM
灰色边框2px圆角上输入框:iptGreyFilBorTpxS








带图标输入框
html:
<input type="text" name="text" value="" class="iptBlueIcoRigL" placeholder="蓝色带图标直角大输入框"/>
样式:
蓝色带图标直角大输入框:iptBlueIcoRigL
蓝色带图标直角中输入框:iptBlueIcoRigM
蓝色带图标直角小输入框:iptBlueIcoRigS
蓝色带图标圆角大输入框:iptBlueIcoFilL
蓝色带图标圆角中输入框:iptBlueIcoFilM
蓝色带图标圆角小输入框:iptBlueIcoFilS
绿色带图标直角大输入框:iptGreenIcoRigL
绿色带图标直角中输入框:iptGreenIcoRigM
绿色带图标直角小输入框:iptGreenIcoRigS
绿色带图标圆角大输入框:iptGreenIcoFilL
绿色带图标圆角中输入框:iptGreenIcoFilM
绿色带图标圆角小输入框:iptGreenIcoFilS
深蓝色带图标直角大输入框:iptSblueIcoRigL
深蓝色带图标直角中输入框:iptSblueIcoRigM
深蓝色带图标直角小输入框:iptSblueIcoRigS
深蓝色带图标圆角大输入框:iptSblueIcoFilL
深蓝色带图标圆角中输入框:iptSblueIcoFilM
深蓝色带图标圆角小输入框:iptSblueIcoFilS










带按钮输入框
html:
<input type="text" name="text" value="" class="iptBlueRigL" placeholder="蓝色直角大输入框"/><input type="button" value="GO" class="uiBtnBlueRigL" />
注意,输入框与按钮之间不能空格,回车或换行
样式:
直接调用按钮和输入框相对应样式即可,如果圆角,需增加样式如下:
输入框添加样式:radRigNone
按钮添加样式:radLefNone
带按钮输入框
html:
<div class="iptBlueSelRigL" onmouseover="input_sel_over(this)" onmouseleave="input_sel_out(this)">
    <input type="text" name="text" value="" class="iptBlueRigL" placeholder="蓝色直角大下拉链接"/><span></span>
    <div>
        <a href="" target="_blank">SearchResults</a>
    </div>
</div>
注:输入框 iptBlueRigL 直接调用所对应输入框组件 点击查看输入框组件
样式:
蓝色直角大下拉链接:iptBlueSelRigL
蓝色直角中下拉链接:iptBlueSelRigM
蓝色直角小下拉链接:iptBlueSelRigS
绿色直角大下拉链接:iptGreenSelRigL
绿色直角中下拉链接:iptGreenSelRigM
绿色直角小下拉链接:iptGreenSelRigS
深蓝色直角大下拉链接:iptSblueSelRigL
深蓝色直角中下拉链接:iptSblueSelRigM
深蓝色直角小下拉链接:iptSblueSelRigS
蓝色圆角大下拉链接:iptBlueSelFilL
蓝色圆角中下拉链接:iptBlueSelFilM
蓝色圆角小下拉链接:iptBlueSelFilS
绿色圆角大下拉链接:iptGreenSelFilL
绿色圆角中下拉链接:iptGreenSelFilM
绿色圆角小下拉链接:iptGreenSelFilS
深蓝色圆角大下拉链接:iptSblueSelFilL
深蓝色圆角中下拉链接:iptSblueSelFilM
深蓝色圆角小下拉链接:iptSblueSelFilS