一个表单多个按键
时间: 2023-08-08 12:12:27 浏览: 51
可以通过以下步骤实现一个表单中有多个按键:
1. 在 HTML 中创建一个表单,并为每个按键指定一个唯一的 ID:
```
<form>
<input type="button" id="button1" value="Button 1">
<input type="button" id="button2" value="Button 2">
</form>
```
2. 使用 JavaScript 为每个按键添加一个事件监听器:
```
document.getElementById("button1").addEventListener("click", function() {
// 处理 Button 1 的点击事件
});
document.getElementById("button2").addEventListener("click", function() {
// 处理 Button 2 的点击事件
});
```
在每个事件监听器中,你可以添加处理按键点击事件的代码。例如,你可以使用 `alert()` 函数在按键被点击时弹出一个消息框:
```
document.getElementById("button1").addEventListener("click", function() {
alert("Button 1 was clicked!");
});
document.getElementById("button2").addEventListener("click", function() {
alert("Button 2 was clicked!");
});
```
这样,当用户点击表单中的任何一个按键时,相应的事件监听器都会被触发,执行相应的代码。