HTML | DOM 输入隐藏表单属性

隐藏表单属性是指可以将表单中某些输入框的值不显示给用户，但在提交表单时会被提交的一种特殊的表单类型。它通常用于传递一些不需要用户手动输入的数据。

HTML 实现

要创建一个隐藏表单属性，需要在 input 标签中设置 type 属性为 hidden。如下所示：

<input type="hidden" name="username" value="John">

这表示创建了一个名为 username 的隐藏表单属性，其值为 John。这个属性在提交表单时将被自动提交。

通过 JavaScript 操作隐藏表单属性

JavaScript 可以通过 DOM 操作获取和设置隐藏表单属性的值。使用 getElementById 方法可以获取元素的引用，然后使用 value 属性可以获取或修改其值。示例如下：

<form id="myForm">
  <input type="hidden" name="username" id="uname" value="John">
</form>
<script>
  var uname = document.getElementById("uname");
  console.log(uname.value); // 输出 "John"
  uname.value = "Mary";
  console.log(uname.value); // 输出 "Mary"
</script>

总结

通过 HTML 创建隐藏表单属性可以让一些数据在表单提交时被自动提交，但不会在表单中被显示出来。通过 JavaScript 可以修改和获取隐藏表单属性。