HTML方面（持续更新系列）

普通的input

 <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">名称:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="name" name="name" value="" data-rule="required" />
        </div>
    </div>

下拉列表选择

    <div class="form-group">
        <label  class="control-label col-xs-12 col-sm-2">父级:</label>
        <div class="col-xs-12 col-sm-8">
            <select class="form-control" name="pid">
                <option  value="0">顶级状态</option>
                {volist name="statusData" id="vo"}
                <option  value="{$vo.id}">{$vo.name}</option>
                {/volist}
            </select>
        </div>
    </div>

单选选择

     <div class="form-group">
             <label class="col-sm-4 control-label">{:__('状态')}:</label>
             <label class="radio-inline">
                  <input type="radio" name="status" id="optionsRadios3" value="1" checked> 正常
             </label>
             <label class="radio-inline">
                   <input type="radio" name="status" id="optionsRadios4"  value="0"> 结束
              </label>
      </div >