重置按钮的代码js,html,jquer

以下是一个简单的重置按钮的代码示例，包括HTML、JavaScript和jQuery：

HTML:

<form id="myForm">
  <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="button" value="提交" onclick="submitForm()">
  <input type="reset" value="重置">
</form>

JavaScript:

function submitForm() {
  // 获取表单数据并进行提交处理
  // ...
}

jQuery:

$('form').on('submit', function(event) {
  // 阻止表单默认提交行为
  event.preventDefault();
  
  // 获取表单数据并进行提交处理
  // ...
});

$('input[type="reset"]').on('click', function() {
  $('form')[0].reset(); // 重置表单
});

在这个例子中，我们定义了一个包含两个文本输入框和两个按钮的简单表单。点击“提交”按钮会调用JavaScript函数进行表单提交处理，而点击“重置”按钮会使用JavaScript重置表单。jQuery版本的代码使用了事件监听器来捕获重置按钮的点击事件，并使用`reset()`方法重置表单。