hidden input 的基本写法是 ,name 属性不可省略,否则后端收不到;常见错误包括漏写 name、type 拼错为 "hide"、input 未置于 form 内、误用 id 替代 name 或未转义用户输入导致 xss。

hidden input 的基本写法和常见错误
直接用 <input type="hidden"> 就能创建隐藏字段,它不会在页面上渲染,但会随表单一起提交。最容易踩的坑是忘记设 name 属性——没有 name,后端根本收不到这个参数,浏览器会直接忽略该字段。
正确写法示例:
<input type="hidden" name="user_id" value="12345">
常见错误包括:
-
value为空字符串或未设置,导致后端收到空值(不是 null,而是空字符串) - 用
id替代name,误以为 id 能传参(实际不能) - 把 hidden input 放在
<form></form>外面,它不会被提交
动态设置 hidden input 的 value 值(JS 场景)
很多场景下 value 不是写死的,比如从 URL 参数、localStorage 或点击事件中取值。这时候必须确保 DOM 已加载完成再操作,否则 document.getElementById 找不到元素。
推荐做法:
- 把 JS 放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











