HTML 获取输入框值：简单易懂的 JavaScript 方法

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

使用 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>

使用 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>

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

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

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

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