1. 基础外观

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

    1. 按列数分列

      <div class="c_fn c_fn-col-3">
      	<ul>
      		<li><span class="e_input"><span><input type="text" /></span></span></li>
      	</ul>
      </div>
      

      支持 1~10 列,请改变窗口大小测试效果。

    2. 按字数分列

      <div class="c_fn c_fn-label-7">
      	<ul>
      		<li><span class="e_input"><span><input type="text" /></span></span></li>
      	</ul>
      </div>
      

      支持 4~10 个字符,请改变窗口大小测试效果。

    3. 复合结构

      剧集
      电影
      
      					
    4. 验证状态

      1. 错误

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

        <div class="c_fn c_fn-success">
        	<ul>
        		<li><span class="e_input"><span><input type="text" /></span></span></li>
        	</ul>
        </div>