-
基础结构
<form class="bj-form bj-form-label-w110" style="max-width: 660px;margin: auto" action="ajax/ajaxDone2.json" data-toggle="validate" data-alertmsg="false" data-theme="bootstrap">
  <div class="bj-form-item">
       <label class="bj-form-item-label is-required">出生地:</label>
       <input type="text" name="custom.birthplace" value="" data-rule="required;">
  </div>
  <div class="bj-form-item">
      <label class="bj-form-item-label is-required">出生地:</label>
       <div class="bj-form-item-content textarea">
       <textarea
       class="form-control"
       name="custom.note"
       data-toggle="autoheight"
       data-rule="required"></textarea>
    </div>
  </div>
</form>
      
form可添加[class]:
  • 必须:bj-form
  • 表单布局(默认bj-form-item占一行):

    行内表单bj-form-inline

  • Label对齐方式(默认右对齐):

    左对齐:bj-form-label-left

    上对齐:bj-form-label-top

  • Label宽度(默认自动):

    支持80px~230px所有可被5整除的:bj-form-label-w[70~230]

    80px:bj-form-label-w80

    85px:bj-form-label-w85

    90px:bj-form-label-w90

    230px:bj-form-label-w230

label可添加[class]:
  • 必须:bj-form-item-label
  • 显示必填*: is-required
.bj-form-item-content可添加[class]:
  • 必须:bj-form-item-content
  • 包裹textarea: textarea