手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何设置input隐藏

时间:2024-10-11 22:34:24

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隐藏
© 手抄报圈