1. 右侧自适应其内容,左侧自适应其容器

    1. 输入框 + 按钮(input + button)

      <span class="e_elements">
      	<button class="e_button-right"><span>查询</span></button>
      	<span class="e_input e_input-left"><span><input type="text" /></span></span>
      </span>
      
    2. 选择框 + 按钮(select + button)

      <span class="e_elements">
      	<button class="e_button-right"><span>查询</span></button>
      	<span class="e_select e_select-left"><span><span>
      		<select>
      			<option>请选择</option>
      		</select>
      	</span></span></span>
      </span>
      
    3. 输入框 + 标签(input + label)

      @qq.com
      <span class="e_elements">
      	<span class="e_label e_label-right"><span>@qq.com</span></span>
      	<span class="e_input e_input-left"><span><input type="text" /></span></span>
      </span>
      
    4. 选择框 + 标签(select + label)

      营业厅
      <span class="e_elements">
      	<span class="e_label e_label-right"><span>营业厅</span></span>
      	<span class="e_select e_select-left"><span><span>
      		<select>
      			<option>请选择</option>
      		</select>
      	</span></span></span>
      </span>
      
    5. 输入框 + 选择框(input + select)

      <span class="e_elements">
      	<span class="e_select e_select-right e_select-right-fixed"><span><span>
      		<select>
      			<option>请选择</option>
      		</select>
      	</span></span></span>
      	<span class="e_input e_input-left"><span><input type="text" /></span></span>
      </span>
      
  2. 左侧自适应其内容,右侧自适应其容器

    1. 按钮 + 输入框(button + input)

      <span class="e_elements">
      	<button class="e_button-left"><span>刷新</span></button>
      	<span class="e_input e_input-right"><span><input type="text" /></span></span>
      </span>
      
    2. 按钮 +选择框(button + select)

      <span class="e_elements">
      	<button class="e_button-left"><span>刷新</span></button>
      	<span class="e_select e_select-right"><span><span>
      		<select>
      			<option>请选择</option>
      		</select>
      	</span></span></span>
      </span>
      
    3. 标签 + 输入框(label + input)

      +86 731
      <span class="e_elements">
      	<span class="e_label e_label-left"><span>+86 731</span></span>
      	<span class="e_input e_input-right"><span><input type="text" /></span></span>
      </span>
      
    4. 标签 + 选择框(label + select)

      http://
      <span class="e_elements">
      	<span class="e_label e_label-left"><span>http://</span></span>
      	<span class="e_select e_select-right"><span><span>
      		<select>
      			<option>请选择</option>
      		</select>
      	</span></span></span>
      </span>
      
    5. 选择框 + 输入框(select + input)

      <span class="e_elements">
      	<span class="e_select e_select-left e_select-left-fixed"><span><span>
      		<select>
      			<option>请选择</option>
      		</select>
      	</span></span></span>
      	<span class="e_input e_input-right"><span><input type="text" /></span></span>
      </span>
      
  3. 等宽分列

    <span class="e_elements e_elements-col-3">
    	<span class="e_input e_input-left"><span><input type="text" /></span></span>
    	<span class="e_input e_input-center"><span><input type="text" /></span></span>
    	<span class="e_input e_input-right"><span><input type="text" /></span></span>
    </span>
    

    支持 2-3 列,支持更换子元素。

  4. 验证状态

    1. 错误

      <span class="e_elements e_elements-error">
      	<button class="e_button-right"><i class="e_ico-date"></i><span></span></button>
      	<span class="e_input e_input-left"><span><input type="text" /></span></span>
      </span>
      
    2. 正确

      <span class="e_elements e_elements-success">
      	<button class="e_button-right"><i class="e_ico-date"></i><span></span></button>
      	<span class="e_input e_input-left"><span><input type="text" /></span></span>
      </span>