form表单api怎么用？，form表单api有哪些方法？

表单 API

表单 API 是操作 HTML 表单的接口集合，包括 form 元素、input 元素、FormData 对象等，用于获取、验证和提交表单数据。

获取表单元素

• 使用 document.getElementById('formId') 直接获取
• 使用 document.forms['formName'] 通过名称访问
• 在事件中通过 event.target 获取触发元素

常用属性

常用事件

• submit：提交时触发，可阻止默认行为
• reset：重置时触发
• change 和 input：输入控件值变化时触发

表单验证

• HTML5 验证：通过 required、pattern、min、max 等属性实现
• JavaScript 验证：使用 checkValidity() 和 reportValidity() 方法
• 自定义验证：通过 setCustomValidity() 方法设置错误信息

提交表单

• 传统提交：点击 type="submit" 按钮，页面刷新
• AJAX 提交：使用 FormData 对象和 fetch 或 XMLHttpRequest，无刷新处理

相关问题与解答

问题1：如何获取表单所有输入值？

解答：可以通过 FormData 对象快速获取，将表单元素传入 new FormData(form)，然后使用 entries() 方法遍历键值对，或直接通过 get() 方法获取特定字段值,无需手动提取每个控件。

问题2：如何使用 JavaScript 阻止表单提交？

解答：在 submit 事件监听器中调用 event.preventDefault() 方法即可，这能阻止表单的默认提交行为，允许开发者自定义处理逻辑,如验证或异步提交。