html获取input的值
时间: 2023-09-08 09:17:32 浏览: 86
12获取值.html
可以使用JavaScript来获取input元素的值。具体实现方式如下:
1. 获取input元素的引用
```javascript
var inputElement = document.getElementById("inputId");
```
这里假设input元素的id为"inputId",如果有多个同样id的元素,可以使用`getElementsByName`或`getElementsByTagName`等方法获取。
2. 获取input元素的值
```javascript
var inputValue = inputElement.value;
```
这里的`value`属性是input元素自带的属性,表示输入框中的值。
完整代码示例:
```html
<input type="text" id="inputId">
<button onclick="getValue()">获取input值</button>
<script>
function getValue() {
var inputElement = document.getElementById("inputId");
var inputValue = inputElement.value;
console.log(inputValue);
}
</script>
```
当点击按钮时,会在浏览器的控制台中输出输入框中的值。
阅读全文