js获取form表单的值

<form id="myForm">
  <input type="text" id="username" name="username">
  <input type="password" id="password" name="password">
  <button type="button" onclick="getFormValues()">Submit</button>
</form>

<script>
function getFormValues() {
  var username = document.getElementById('username').value;
  var password = document.getElementById('password').value;
  console.log('Username:', username);
  console.log('Password:', password);
}
</script>

<form id="myForm">
  <input type="text" name="username">
  <input type="password" name="password">
  <button type="button" onclick="getFormValues()">Submit</button>
</form>

<script>
function getFormValues() {
  var form = document.getElementById('myForm');
  var formData = new FormData(form);
  for (var pair of formData.entries()) {
    console.log(pair[0] + ': ' + pair[1]);
  }
}
</script>

<form id="myForm">
  <input type="text" name="username">
  <input type="password" name="password">
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 防止表单默认提交行为
  var formData = new FormData(this);
  for (var pair of formData.entries()) {
    console.log(pair[0] + ': ' + pair[1]);
  }
});
</script>