如何将HTML表单输入用作JS变量

将HTML表单输入用作JS变量的方法有多种。以下是其中一种常见的方法：

首先，在HTML中创建一个表单，并为表单元素添加适当的id或class属性，以便在JavaScript中引用它们。例如：

<form>
  <input type="text" id="nameInput" placeholder="请输入姓名">
  <input type="email" id="emailInput" placeholder="请输入邮箱">
  <button type="button" onclick="submitForm()">提交</button>
</form>

在JavaScript中，编写一个函数来获取表单输入的值，并将其存储在变量中。可以使用getElementById()方法或querySelector()方法来获取表单元素的引用，并使用value属性来获取输入的值。例如：

function submitForm() {
  var name = document.getElementById("nameInput").value;
  var email = document.getElementById("emailInput").value;
  
  // 在这里可以对获取到的值进行进一步处理或使用
  console.log("姓名：" + name);
  console.log("邮箱：" + email);
}