如何将html输入字段传递给axios javascript代码？

<form id="myForm">
  <input type="text" id="username" name="username" placeholder="用户名">
  <input type="password" id="password" name="password" placeholder="密码">
  <button type="submit">提交</button>
</form>

const form = document.getElementById('myForm');

form.addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为

  // 获取输入字段的值
  const username = document.getElementById('username').value;
  const password = document.getElementById('password').value;

  // 创建请求体对象
  const formData = new FormData();
  formData.append('username', username);
  formData.append('password', password);

  // 发送POST请求
  axios.post('http://example.com/api/endpoint', formData)
    .then(function(response) {
      // 请求成功处理逻辑
      console.log(response.data);
    })
    .catch(function(error) {
      // 请求失败处理逻辑
      console.error(error);
    });
});