隐藏input的三种方法和区别

BURGER-

于 2018-06-19 09:20:35 发布

阅读量8.5w

点赞数 23

本文链接：https://blog.csdn.net/vop444/article/details/80728517

版权

本文介绍了三种不同的HTML输入隐藏方式：使用hidden属性、通过CSS display属性设置为none以及使用visibility属性进行隐藏。每种方法都能实现不同的隐藏效果，适用于各种前端开发场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、<input type="hidden" />
二、<input type="text" style="display:none" />
以上两种方法可以实现不留痕迹的隐藏。
三、<input type="text" style="visibility: hidden;" />
第三种方法可以实现占位隐藏（会留下空白而不显示）