HTML :如何将窗体操作更改为类按钮

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br>

  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br>

  <input type="submit" value="登录">
</form>

<form>
  <!-- 表单字段... -->

  <button type="button">登录</button>
</form>

<script>
  // 获取登录按钮
  var loginButton = document.querySelector('button');

  // 添加点击事件监听器
  loginButton.addEventListener('click', function() {
    // 执行登录操作
    // ...
  });
</script>