如何将输入标签中的参数提交到 HTML 中的表单 onsubmit 属性？

Question

我有 3 个输入，我想将它们的值放入表单 onsubmit 属性函数中。这是我当前的代码。我想要一种不需要我使用 getElementById() 或 querySelector() 创建 3 个变量的方法，最好是在 HTML 文件中，但如果不可能，我会接受败.

    <form id="form" onsubmit="addUserCredentials(userID, username, email)">
      <input type="text" id="userID" name="userID"></input>
        <label for="userID">User ID</label>
      
      <input type="text" id="username" name="username"></input>
        <label for="username">Username</label>
      
      <input type="text" id="email" name="email"></input>
        <label for="email">Email Address</label>

      <button>Submit</button>
    </form>

p.s。如果你想看这里 script.js（是的，我正在使用 firebase）

function addUserCredentials(userId, username, email) {
  db.ref('users/' + userId).set({
    username: username,
    email: email
  });
}

Answer 1

输入将始终在表单对象中可用，其名称作为键，不需要作为参数传递，因此，

<form id="form" onsubmit="addUserCredentials()">

function addUserCredentials() {
  const userId = this.userID.value
  const username = this.username.value
  const email = this.email.value
}

this 作为表单元素。

如何将输入标签中的参数提交到 HTML 中的表单 onsubmit 属性？

How do you submit parameters from a input tag into a form onsubmit attribute in HTML?

html

javascript

forms