获取原生表单中input框的值
时间: 2023-08-09 14:10:36 浏览: 109
jquery获取input输入框中的值
可以使用JavaScript来获取原生表单中input框的值。具体方法如下:
1. 首先获取表单元素,可以使用document.forms获取所有表单元素,或者使用document.getElementById获取指定表单元素。
2. 获取input元素,可以使用表单元素的elements属性获取所有input元素,或者使用document.querySelector获取指定input元素。
3. 获取input元素的值,可以使用input元素的value属性获取。
例如,获取id为myForm表单中name为username的input框的值,可以使用以下代码:
```
var myForm = document.getElementById("myForm");
var usernameInput = myForm.elements["username"];
var usernameValue = usernameInput.value;
```
注意,如果表单中有多个相同name属性的input元素,可以使用elements[name]获取第一个匹配的元素,或者使用document.querySelectorAll获取所有匹配的元素。
阅读全文