提交按钮用于发送表单数据，常用input type="submit"或button type="submit"创建，点击后浏览器收集有name属性的字段，按method提交至action指定地址，需注意name属性设置、避免重复提交及使用JavaScript验证。
在HTML中，提交按钮用于将表单数据发送到服务器。最常见的创建方式是使用 input 元素的 type="submit" 属性，或者使用 button 元素并设置其类型为 submit。
1. 使用 input 创建提交按钮
最基础的方法是通过 input 标签定义一个提交按钮：
说明：
- type="submit" 表示这是一个提交按钮。
- value 属性定义按钮上显示的文字。
- 点击该按钮后，表单会根据 action 指定的地址和 method（GET 或 POST）提交数据。
2. 使用 button 标签创建提交按钮
也可以使用 button 元素，更灵活，支持嵌套内容：
注意：
- 必须设置 type="submit"，否则默认行为可能不是提交。
- button 可以包含文字、图标甚至图片，适合现代网页设计。
3. 表单提交的基本流程
当用户点击提交按钮后，浏览器会执行以下步骤：
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
- 收集表单内所有具有 name 属性的可输入元素（如 input、textarea、select）的数据。
- 根据 method 属性决定请求方式（GET 将数据附加在 URL 后，POST 将数据放在请求体中）。
- 向 action 属性指定的 URL 发送请求。
- 服务器接收并处理数据，返回响应（如跳转页面、显示结果等）。
例如，使用 GET 方法提交用户名“tom”，请求可能变成：
/submit-form?username=tom
4. 常见注意事项
为了确保提交按钮和表单正常工作，注意以下几点：
- 每个要提交的输入字段必须有 name 属性，否则数据不会被发送。
- 避免多个 submit 按钮造成误触发，可通过设置不同 name 区分用途（如保存草稿 vs 正式提交）。
- 可以结合 JavaScript 验证数据，防止无效提交：
- 禁用提交按钮防止重复提交：
基本上就这些。掌握 submit 按钮的用法，是实现用户交互和数据收集的基础。不复杂但容易忽略细节，比如 name 属性和 method 类型的选择。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
