基本的表单数据域控制展示，包含布局、初始化、验证、提交。

通过 @ref 获取Form引用。

Form 支持 .NET 8 静态服务端渲染的表单验证，但有如下限制：

1. 必须设置 Form 的 Name 属性, 另外也支持设置 Method 和 Enhance (分别对应 EditForm 的 FormName、Method、Enhance)。
2. 表单组件的属性绑定，必须要用 Model.Field, 不能用 @context.Field。
3. 绑定的 Model 实例，需要标注 [SupplyParameterFromForm] 特性，当有多个表单时，还需要指定 FormName 参数与 Form 的 Name 一致。

注意：

1. 由于在静态页面失去交互性，支持的输入组件仅限 Input、InputPassword、TextArea、Checkbox、Radio 以及使用 InputFile 的 Upload。其他的输入组件请使用原生 html 元素代替，也欢迎贡献。 2.由于Form组件内部封装了EditForm，因此防伪标记 会默认设置，如需取消请参考文档。

表单有三种布局。

通过 RequiredMark 切换必选与可选样式。

设置表单组件尺寸，仅对 antd 组件有效。

这里演示 FormItem 内有多个元素的使用方式。

这里展示了三种典型场景：

• Username：输入框后面有描述文案或其他组件，在 FormItem 内只有使用了@bind-Value的组件才会绑定到FormItem，其他组件可任意添加。

• Address：有两个控件，在 FormItem 内使用两个 <FormItem NoStyle /> 分别绑定对应控件（一个FormItem下只能出现一个使用了@bing-Value的控件），对FormItem使用NoStyle，则FormItem的Grid布局会被忽略，就算主动使用了LabelCol或WrapperCol也不会产生效果。

  这个场景还展示了复杂类型的表单验证，Address 属性是一个包含了两个属性的类型，当级联表单项绑定了它的属性时，会继承这个属性的所有 Attributes，但由于表单未绑定这个属性，外部表单无法获取 Required 和 Label。

• BirthDate：有两个内联控件，错误信息展示各自控件下，使用两个 <FormItem /> 分别绑定对应控件，并修改 style 使其内联布局。

更复杂的封装复用方式可以参考下面的 自定义表单控件 。

自定义或第三方的表单控件，也可以与 Form 组件一起使用。只要该组件遵循以下的约定：

• 继承AntInputComponentBase
• 当需要给控件值（Value）赋值时，改为给CurrentValue赋值（Value和CurrentValue均来自AntInputComponentBase）
• 详情可参考：参考：如何实现支持Form表单的组件？

Price:

public class Price
{
    public int Number { get; set; }
    public string Currency { get; set; }
}

PriceInput.razor:

@namespace AntDesign.Docs
@inherits AntInputComponentBase<Price>

<span>
    <Input @bind-Value="@Value.Number"
           style="width: 100px" />
  
    <RadioGroup @bind-Value="@Value.Currency"
                style="width: 280px; margin: 0 8px">
        <Radio RadioButton Value=@("rmb")>RMB</Radio>
        <Radio RadioButton Value=@("dollar")>Dollar</Radio>
    </RadioGroup>
</span>

支持使用表格作为表单组件，并验证单元格编辑。

通过 IForm.IsModified 判断表单修改。

使用Form Validator属性或<Validator>元素设置自定义验证器，会覆盖内置验证器。当不需要验证时，可以设置为 null 来提高表单的性能。

注意：使用<Validator>元素设置验证器时，需要将Form内其他组件用<ChildContent>包起来。

自定义验证组件开发见文档：ASP.NET Core Blazor 窗体和验证 - 验证器组件

默认会尝试从内置的全球化资源文件中获取验证信息模板，这个语言包可以通过 Locale 统一替换。也可通过 数据声明特性 的 ErrorMessage 、Rules 的 Message 来修改。

另外，也支持 数据声明特性（DataAnnotations）的本地化方式。 当 FormItem.Label 未指定时，会自动从 DisplayAttribute 或 DisplayNameAttribute 获取。

通过 FormProvider 在表单间处理数据。本例子中，Modal 的确认按钮在 Form 之外，通过 form.Submit 方法调用表单提交功能。反之，则推荐使用 <Button HtmlType="submit" /> 调用 web 原生提交逻辑。

三列栅格式的表单排列方式，常用于数据表格的高级搜索。

有部分定制的样式代码，由于输入标签长度不确定，需要根据具体情况自行调整。

使用 FormItem.Name 动态绑定模型属性，支持模型对象和字典。

绑定字典可以不必事先定义属性，因此能够方便地实现动态表单。

可通过 TModel 类型自动生成表单元素。当前支持string、DateTime、number、enum类型成员自动生成，根据成员是否为可空控制是否为必填

注意: 此功能正在迭代中，后续本版可能会存在不兼容的变更。

（v0.5+）为了性能考虑，默认关闭内容变更验证，在调用 form.Validate() 时才验证。使用 ValidateOnChange 属性可开启。

使用ColLayoutParam对列宽度自定义设置

表单的验证模式，包括：默认、Rules、混合。

使用Rules模式可以直接在FormItem上附加验证特性， 适用场景：需要复用model类，但不同的页面有不同的验证规则，采用Rules模式可以避免重复创建多个类似的model类

根据不同情况执行不同的校验规则。

我们提供了 validateStatus help hasFeedback 等属性，你可以不通过 Form 自己定义校验的时机和内容。

1. validateStatus: 校验状态，可选 'success', 'warning', 'error', 'validating'。
2. hasFeedback：用于给输入框添加反馈图标。
3. help：设置校验文案。

字段无效时，显示字段级错误指示器。此指示器将在表单验证时显示。

可在任何时候设置验证信息。