<input> 元素用于创建各种表单控件,其中 type 属性可以指定输入框的类型。hidden 类型的 <input> 元素用于在表单中存储隐藏的值,这些值不会显示在页面上但会随表单一同提交。
属性
type: 指定输入框的类型为隐藏类型,取值为"hidden"。
使用方法
<form action="/submit" method="post"> <input type="hidden" name="user_id" value="123456"> <input type="hidden" name="token" value="abcdef123456"> <button type="submit">提交</button> </form>
在上面的示例中,我们创建了一个包含两个隐藏输入框的表单。当用户点击提交按钮时,表单会将隐藏的 user_id 和 token 值一同提交到服务器端。
注意事项
- 隐藏输入框的值可以通过浏览器开发者工具等方式查看,因此不要在隐藏输入框中存储敏感信息。
- 隐藏输入框通常用于在表单中传递额外的数据,而不是用户可见的输入。
| 属性 | 描述 | W3C |
|---|---|---|
| form | 返回一个对包含隐藏域的表单的引用。 | Yes |
| name | 设置或返回隐藏域的名称。 | Yes |
| type | 返回隐藏输入域的表单类型。 | Yes |
| value | 设置或返回隐藏域的 value 属性的值。 | Yes |