以下是一个简单的例子，演示如何在 HTML 和 JavaScript 中使用提交按钮：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>提交按钮示例</title>
</head>
<body>
<form id="myForm">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<input type="submit" value="提交">
</form>
<script>
// 捕捉表单提交事件
document.getElementById('myForm').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止默认的表单提交行为
// 获取用户名和密码输入框的值
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
// 执行自定义的提交逻辑（这里只是演示，实际应用中可能需要发送请求到服务器等）
alert("用户名: " + username + "\n密码: " + password);
});
</script>
</body>
</html>
在这个例子中，我们创建了一个包含文本输入框、密码输入框和一个提交按钮的简单 HTML 表单。通过 JavaScript，我们使用事件监听器捕捉表单的提交事件，阻止默认的表单提交行为，然后获取用户名和密码的值，并执行自定义的提交逻辑（在实际应用中，你可能需要将数据发送到服务器）。
请注意，type="submit" 的按钮通常与表单元素关联，以便在点击按钮时触发表单的提交。
转载请注明出处：http://www.zyzy.cn/article/detail/6220/JavaScript 和 HTML DOM