HTML5 表单控件提供丰富功能，结合 JS 能实现高级体验。

核心概念

• 原生验证属性如 required、pattern，可与自定义验证并存。
• <fieldset> 与 <legend> 帮助用户理解分组。
• 输入类型影响移动端键盘布局。

实战步骤

• 利用 constraintValidation API 自定义错误消息。
• 对日期、时间控件根据区域设置合理格式。
• 使用 <datalist> 提供可选建议。

复杂表单需要关注状态同步、校验策略与性能表现。

核心概念

• 控制组件与展示组件分离，避免重复渲染。
• 基于 schema 的表单可以动态生成布局与校验规则。
• 异步校验应结合防抖与状态反馈。

实战步骤

• 使用 vee-validate 或 vueuse/form 实现声明式校验。
• 将表单状态存储在 Pinia 中，实现跨步骤向导。
• 根据校验状态动态切换按钮可用性与提示文案。