Form

• 提供的提交按钮
• 完整示例表单
• 填充
• 提交
  • 通过 XHR/Fetch 请求提交
  • 作为页面请求提交
  • 以编程方式提交表单
• 禁用
• 重置
  • 初始值
• 验证
  • 验证未完成消息
  • 提交无效事件
  • 有效性状态
• 错误处理
  • 表单错误
  • 清除错误
  • 输入错误
• 验证和错误摘要
• 移动验证和错误信息
  • 自动移动信息
  • 通过 node 移动信息
  • FormKitMessages 属性
• 卸载输入项
• 可组合函数
  • useFormKitContext
  • useFormKitContextById
  • useFormKitNodeById
• 属性 & 特性
• 章节
• 可访问性

虽然你可以单独使用 FormKit 输入，但你通常会想要将它们组合成一个表单。要做到这一点，只需将你的输入包裹在一个 <FormKit type="form"> 中。

form 类型会主动收集所有子输入的值，使用每个输入的 name 作为结果数据对象中的属性名（就像 groups 一样）。你也可以使用 v-model 来读取和写入表单值，就像在任何输入上一样。

一个 <FormKit type="form"> 跟踪表单的验证状态，并防止用户在任何输入无效时提交表单。

提供的提交按钮

为了方便， form 自动输出一个提交 button ，并且提供的主题也包括一个加载旋转器。你可以使用 submit-label 和 submit-attrs 属性来更改这个按钮，或者使用 :actions="false" 来禁用。你可以传递任何 FormKit 属性给 submit-attrs 。在下面的示例中，我们传递了类、 data 属性、帮助文本，甚至 告诉包含的提交按钮不被忽略 ：

<FormKit
  type="form"
  submit-label="更新"
  :submit-attrs="{
    inputClass: 'my-input-class',
    wrapperClass: 'my-wrapper-class',
    'data-theme': `dark`,
    help: '我的按钮帮助文本',
    ignore: false