js中input标签中控制多个输入
时间: 2024-05-16 18:13:50 浏览: 208
用JS控制INPUT输入内容
你可以使用一个表单来控制多个输入。表单可以包含多个输入元素,如文本框、下拉列表、单选框等等。在 JavaScript 中,你可以使用表单的 ID 或名称来获取表单元素,然后访问其值属性来获取或设置输入的值。
以下是一个示例:
HTML 代码:
```
<form id="myForm">
<label for="firstName">First name:</label>
<input type="text" id="firstName" name="firstName"><br><br>
<label for="lastName">Last name:</label>
<input type="text" id="lastName" name="lastName"><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() {
var firstName = document.getElementById("firstName").value;
var lastName = document.getElementById("lastName").value;
var email = document.getElementById("email").value;
// Do something with the input values
}
```
在这个例子中,我们使用表单元素的 ID 来获取文本框的值。在 submitForm 函数中,我们可以使用这些值来执行一些操作,比如验证表单数据、提交表单等等。
阅读全文