养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何设置input隐藏

时间:2024-10-12 14:26:02

大家在做网页的时候避免不了使用表单,当对于传值问鞑民略锈题,我们需要借助隐藏input输入框,那应该如何操作呢?接下来小编就来和大家分享一下。

如何设置input隐藏

方法/步骤

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隐藏

© 一点知识