html 获得控件的值

要获得 HTML 表单控件的值，可以使用 JavaScript。以下是一些常见的方法：

使用 document.getElementById() 方法获取控件对象，然后使用 value 属性获取值。

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

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

使用 document.forms 集合获取表单对象，然后使用表单对象的 elements 属性获取控件对象，最后使用 value 属性获取值。

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

<script>
function getValue() {
  var form = document.forms["myForm"];
  var input = form.elements["myInput"];
  var value = input.value;
  alert(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;
  alert(value);
}
</script>
``