如何隐藏HTML input元素的标签及{{edit_card.id}}的显示值

你出现这个问题的核心原因是HTML写法不符合规范，type="hidden"的input为单标签元素，不需要闭合标签，你把模板变量{{edit_card.id}}写在了input标签外部，会作为独立文本节点直接渲染到页面上，和input的隐藏属性无关。

修复代码 #

直接把值放到input的value属性即可，hidden类型的input本身不会在页面可视区域渲染，对应值也不会显示：

<input type="hidden" id="filex" name="filex" value="{{edit_card.id}}">

相关说明 #

• 你原有代码里的style="background-color:white"完全无用，hidden类型的input不会渲染到可视区域，不需要额外加样式控制隐藏
• 不要给input元素加</input>闭合标签，属于不符合HTML规范的写法
• 注意：type="hidden"只是不在页面上显示元素，打开页面源码还是可以看到对应的value值，如果是敏感数据不建议存储在前端hidden input中

内容的提问来源于stack exchange，提问作者chargingBrontosaurus