NextJS中文文档 - Form

<Form> 组件扩展了 HTML <form> 元素，提供了客户端导航提交和渐进式增强功能。

它对于更新 URL 搜索参数的表单非常有用，因为它减少了实现上述功能所需的模板代码。

基本用法：

参考

<Form> 组件的行为取决于 action 属性是传递了 string 还是 function。

action（字符串）属性

注意事项

• onSubmit：可用于处理表单提交逻辑。但是，调用 event.preventDefault() 将覆盖 <Form> 行为，例如导航到指定的 URL。
• method、encType、target：不受支持，因为它们会覆盖 <Form> 的行为。
  • 同样，formMethod、formEncType 和 formTarget 可用于覆盖 method、encType 和 target 属性，使用它们将回退到原生浏览器行为。
  • 如果你需要使用这些属性，请使用 HTML <form> 元素代替。
• <input type="file">：当 action 是字符串时使用此输入类型，将匹配浏览器行为，提交文件名而不是文件对象。