HTML中的onsubmit

HTML中的onsubmit是一个在表单（form）提交时所执行的事件。

语法

onsubmit="javascript:js_function()"

其中，js_function()是要执行的JavaScript函数。

功能

当用户提交表单时，自动触发onsubmit事件，类似于以下JavaScript代码：

document.getElementById("myForm").addEventListener("submit", function(event){
  event.preventDefault();
  js_function();
});

其中，event.preventDefault()是防止表单提交的默认行为，使之不会因为表单的提交而跳转到其他页面。

示例

以下是一个示例代码，在表单提交时调用一个函数并阻止默认行为：

<form onsubmit="submitForm(event)">
  <label for="name">名称:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">电子邮件:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交">
</form>

<script>
function submitForm(event) {
  event.preventDefault();
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;
  // 在此处对表单中的数据进行处理
  alert("姓名：" + name + "\n" + "邮箱：" + email);
}
</script>

在上述示例中，通过onsubmit事件，调用了名为submitForm的函数，该函数使用了event.preventDefault()防止默认提交行为，然后获取表单中的数据并进行处理，并弹出警告框将处理后的结果输出。

总结

HTML中的onsubmit事件提供了一个方便的方式来在表单提交时执行自定义的JavaScript函数。在函数中，我们可以获取表单中的数据并进行处理。此外，通过event.preventDefault()，我们可以控制表单的提交行为，从而实现自定义的操作。