如何设置input隐藏

2025-04-10 22:11:57

1、我们先来看下代码,和前端显示的效果。

如何设置input隐藏
如何设置input隐藏

2、本来第5个是用来传值的,但现在第5个input却显示出来了。我们要做的是如何隐藏掉。

如何设置input隐藏

3、既然需要隐藏input,我们就必须知道input的type属性有一个有hidden值。如图

如何设置input隐藏

4、这时我们只需要将第5个的type属性值改为“ type="hidden" ”。如图

如何设置input隐藏

5、设置好保存后,input就成功隐藏掉了。

如何设置input隐藏

6、那隐藏的如何来查看呢?我们可以打开浏览器的“开发者模式”来查看,按F12就可以打开开发者模式。

如何设置input隐藏
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢