表单项控制的样例请参考 [SdFormItem](#sdformitem)

#### 复杂表格布局的控制

```vue
<template>
  <sd-form :init-values="values" :read-only="!formEditable" ref="form">
    <template v-slot="{ model }">
      <table border="1">
        <tr>
          <!-- input占三列 -->
          <sd-form-item-td name="title" :colspan="3" />
        </tr>
        <tr>
          <sd-form-item-td name="number" />
          <sd-form-item-td name="printDate" />
        </tr>
        <tr>
          <!-- 占两行 -->
          <sd-form-item-td
            name="keyword"
            :labelTdAttrs="{ rowspan: 2 }"
            :inputTdAttrs="{ rowspan: 2 }"
          />
          <sd-form-item-td name="keyword2" />
        </tr>
        <tr>
          <sd-form-item-td name="keyword3" />
        </tr>
        <tr>
          <!-- 占四列 + 不显示label -->
          <sd-form-item-td name="keyword4" :colspan="4" :label="null" />
        </tr>
      </table>
    </template>
  </sd-form>
</template>

<script>
export default {
  data() {
    return {
      formEditable: true,
      values: [
        {
          name: 'title',
          caption: '发文标题',
          dataType: 'string',
          required: true,
          value: '标题内容比较长，占三列',
        },
        {
          name: 'keyword',
          caption: '主题词',
          dataType: 'string',
          value: '占两行',
        },
        {
          name: 'keyword2',
          caption: '主题词2',
          dataType: 'string',
          value: '主题词2',
        },
        {
          name: 'keyword3',
          caption: '主题词3',
          dataType: 'string',
          value: '主题词3',
        },
        {
          name: 'keyword4',
          caption: '主题词4',
          dataType: 'string',
          value: '占四列 + 不显示label',
        },
        {
          name: 'printDate',
          caption: '印发日期',
          required: false,
          dataType: 'date',
          value: 1596510490362,
        },
        {
          name: 'number',
          caption: '数值',
          required: false,
          dataType: 'number',
          value: 23,
        },
      ],
    }
  },
}
</script>
```
