js按钮的类型

<form id="myForm">
  <input type="text" name="username" />
  <button type="submit">提交</button>
  <button type="reset">重置</button>
</form>

<script>
  document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    console.log('表单提交了');
  });
</script>

// 创建一个按钮元素
var button = document.createElement('button');
button.type = 'button'; // 设置按钮类型为普通按钮
button.innerHTML = '点击我';

// 添加点击事件
button.addEventListener('click', function() {
  alert('按钮被点击了');
});

// 将按钮添加到页面中
document.body.appendChild(button);

document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  // 处理表单数据
});

var button = document.createElement('button');
button.type = 'button'; // 确保按钮类型为普通按钮
button.innerHTML = '点击我';
button.addEventListener('click', function() {
  alert('按钮被点击了');
});
document.body.appendChild(button);