1. 基础外观

    <span class="e_input"><span><input type="text" /></span></span>
    
  2. 扩展外观

    1. 不同相对位置时呈现的状态

      1. 靠左

        <span class="e_input e_input-left"><span><input type="text" /></span></span>
        
      2. 居中

        <span class="e_input e_input-center"><span><input type="text" /></span></span>
        
      3. 靠右

        <span class="e_input e_input-right"><span><input type="text" /></span></span>
        
    2. 验证状态

      1. 错误

        <span class="e_input e_input-error"><span><input type="text" /></span></span>
        
      2. 正确

        <span class="e_input e_input-success"><span><input type="text" /></span></span>
        
    3. 焦点状态

      <span class="e_input e_input-focus"><span><input type="text" /></span></span>
      
    4. 加入清空按钮

      <span class="e_input"><a href="#nogo" class="e_inputClear"></a><span><input type="text" value="文字" /></span></span>
      
    5. 纯文字 input

      input 中需要显示的信息与需要提交的信息不一致时使用,将需要提交的信息放置在隐藏域input type="hidden"中。

      文字
      <span class="e_input"><span>文字</span></span>
      

      如果展示的内容部分为多组时,使用 e_inputLine 分割各部分。

      ABC123文字
      <span class="e_input"><span>ABC<span class="e_inputLine"></span>123<span class="e_inputLine"></span>文字</span></span>