获取form下input的值
时间: 2023-09-22 10:07:02 浏览: 74
你可以通过 JavaScript 获取一个表单中各个 input 元素的值。例如,假设你有一个表单:
```
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="button" value="Submit" onclick="submitForm()">
</form>
```
你可以使用以下 JavaScript 代码来获取输入框中的值:
```
function submitForm() {
// 获取 name 和 email 输入框的值
var nameValue = document.getElementById("name").value;
var emailValue = document.getElementById("email").value;
// 将输入框中的值打印出来
console.log("Name: " + nameValue);
console.log("Email: " + emailValue);
}
```
在这个例子中,我们定义了一个名为 `submitForm()` 的函数,并将其绑定到提交按钮的 `onclick` 事件上。当用户点击提交按钮时,`submitForm()` 函数会被调用,从而获取 name 和 email 输入框的值,并将它们打印到控制台中。
阅读全文