在HTML中,onsubmit
事件可以在表单提交时触发。当用户点击表单中的提交按钮或按Enter键时,onsubmit
事件会被触发。要确定从onsubmit
中提交表单的元素,您可以使用JavaScript代码来获取表单元素,并在onsubmit
事件中执行相应的操作。
以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head><script>
function handleSubmit(event) {
event.preventDefault(); // 阻止表单的默认提交行为
const form = event.target;
const formData = new FormData(form);
const submitElement = formData.get("submitElement");
console.log("提交的元素是:", submitElement);
}
</script>
</head>
<body>
<form onsubmit="handleSubmit(event)">
<input type="text" name="input1" value="input1">
<input type="text" name="input2" value="input2">
<button type="submit" name="submitElement" value="button1">提交按钮1</button>
<button type="submit" name="submitElement" value="button2">提交按钮2</button>
</form>
</body>
</html>
在这个示例中,我们创建了一个包含两个文本输入框和两个提交按钮的表单。当用户点击其中一个提交按钮时,handleSubmit
函数会被触发。在函数中,我们首先阻止了表单的默认提交行为,然后使用FormData
对象获取表单数据。通过调用formData.get("submitElement")
,我们可以获取到用户点击的提交按钮的值。最后,我们将提交的元素打印到控制台上。