html如何获取输入框的值

在HTML中，可以通过JavaScript来获取输入框的值。以下是一些常用的方法：

1. 使用getElementById方法通过输入框的id属性获取输入框元素，然后使用value属性获取输入框的值。

<input type="text" id="myInput">
<button onclick="getValue()">获取值</button>

<script>
function getValue() {
  var input = document.getElementById("myInput");
  var value = input.value;
  console.log(value);
}
</script>

2. 使用querySelector方法通过选择器获取输入框元素，然后使用value属性获取输入框的值。

<input type="text" id="myInput">
<button onclick="getValue()">获取值</button>

<script>
function getValue() {
  var input = document.querySelector("#myInput");
  var value = input.value;
  console.log(value);
}
</script>

3. 直接通过event.target.value获取触发事件的输入框的值。

<input type="text" onchange="getValue(event)">
<button>获取值</button>

<script>
function getValue(event) {
  var value = event.target.value;
  console.log(value);
}
</script>

以上是几种常用的方法，可以根据具体情况选择适合的方式来获取输入框的值