- <input type="hidden"> 允许 Web 开发者存放一些用户不可见、不可改的数据,在用户提交表单时,这些数据会一并发送出。比如,正被请求或编辑的内容的 ID,或是一个唯一的安全令牌。
- 这些隐藏的 <input>元素在渲染完成的页面中完全不可见,而且没有方法可以使它重新变为可见。
|
属性 |
说明 |
|
name |
这实际上是常见属性之一,但它对于隐藏的 <input> 具有一个特殊含义。 一般来说,name 的属性在隐藏 <input> 上的作用和任何其他 <input> 上的一样;但是,在提交表单时, name 属性被设置为 _charset_ 的隐藏 <input>,其值会被自动设置为被提交表单的字符编码 |
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form method="post" enctype="multipart/form-data"> <input id="prodId" name="prodId" type="hidden" value="xm234jq"> </form> </body>
</html> |
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/hidden>
隐藏数据 ‹input type='hidden'›
https://notebook.itea.dev/2020/06/06/HTML/表单 ‹form›/表单控件 ‹input›/隐藏数据 ‹input type='hidden'›/index.html