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