1. 提交按钮(Submit Button):
在 HTML 表单中,<input> 元素的 type 属性设置为 "submit" 时,它就成为了一个提交按钮。提交按钮通常用于提交表单数据给服务器进行处理。你可以使用 DOM 方法来获取或操作这个提交按钮。
<form id="myForm">
<input type="submit" value="Submit">
</form>
// 获取提交按钮
var submitButton = document.getElementById('myForm').elements['submit'];
2. 提交事件(Submit Event):
提交事件是表单(form)元素的事件之一。当用户点击提交按钮或者通过 JavaScript 触发表单的提交时,会触发提交事件。你可以使用 DOM 事件监听器来捕获提交事件,然后执行相应的操作。
<form id="myForm">
<!-- 表单内容 -->
<input type="submit" value="Submit">
</form>
// 监听表单的提交事件
var myForm = document.getElementById('myForm');
myForm.addEventListener('submit', function(event) {
// 阻止表单默认的提交行为
event.preventDefault();
// 执行其他操作
console.log('Form submitted!');
});
通过这些方法,你可以获取提交按钮的相关信息,也可以在表单提交时执行自定义的 JavaScript 操作。
转载请注明出处:http://www.zyzy.cn/article/detail/4487/HTML