📅  最后修改于: 2023-12-03 14:50:44.258000             🧑  作者: Mango
在 HTML 表单中,<input>
标签被用于创建多种类型的输入字段。如果我们需要隐藏某些输入字段,HTML 提供了一种特殊的“隐藏”输入类型。
这种输入类型就是 hidden
。当我们将一个输入字段的 type
属性设置为 hidden
的时候,这个输入字段就会被隐藏,用户将无法看到它。该输入字段的值将在提交表单时被发送,但不会显示在表单中。
以下是使用 hidden
输入类型创建隐藏输入字段的示例代码:
<form action="submit.php" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<input type="hidden" name="secret" value="42">
<input type="submit" value="登录">
</form>
在上面的示例中,我们创建了两个可见的输入字段(用户名和密码),以及一个隐藏的输入字段(秘密)。
当用户提交此表单时,username
和 password
字段的值将被发送到 submit.php
页面,而 secret
字段的值也将被发送,但用户无法看到它。
总结一下, hidden
输入类型可用于隐藏表单中的输入字段,使其在用户视觉上不可见,但仍可在表单提交时获取表单数据。