1. 基础外观

    <div class="c_form">
    	<ul>
    		<-- 以下可以循环使用 -->
    		<li>
    			<span class="param">姓名:</span>
    			<span class="value"><input type="text" /></span>
    		</li>
    		<-- 以上可以循环使用 -->
    	</ul>
    </div>
    
  2. 扩展外观

    1. 分列显示

      <div class="c_form c_form-col-3">
      	<ul>
      		<-- 以下可以循环使用 -->
      		<li>
      			<span class="param">姓名:</span>
      			<span class="value"><input type="text" /></span>
      		</li>
      		<-- 以上可以循环使用 -->
      	</ul>
      </div>
      

      【注】支持范围:1-5 列

    2. 对齐提示文字字符

      <div class="c_form c_form-param-2">
      	<ul>
      		<-- 以下可以循环使用 -->
      		<li>
      			<span class="param">姓名:</span>
      			<span class="value"><input type="text" /></span>
      		</li>
      		<-- 以上可以循环使用 -->
      	</ul>
      </div>
      

      【注】支持范围:1-20 字符

    3. 纯文字列表

      <div class="c_form c_form-pureTxt">
      	<ul>
      		<-- 以下可以循环使用 -->
      		<li>
      			<span class="param">姓名:</span>
      			<span class="value">纯文字</span>
      		</li>
      		<-- 以上可以循环使用 -->
      	</ul>
      </div>
      
    4. 附加按钮

      <div class="c_form">
      	<ul>
      		<-- 以下可以循环使用 -->
      		<li>
      			<span class="param">姓名:</span>
      			<span class="fn"><button>按钮</button></span>
      			<span class="value"><input type="text" /></span>
      		</li>
      		<-- 以上可以循环使用 -->
      	</ul>
      </div>