如何设置input隐藏
大家在做网页的时候避免不了使用表单,当对于传值问题,我们需要借助隐藏input输入框,那应该如何操作呢?接下来小编就来和大家分享一下。
操作方法
- 01
我们先来看下代码,和前端显示的效果。
- 02
本来第5个是用来传值的,但现在第5个input却显示出来了。我们要做的是如何隐藏掉。
- 03
既然需要隐藏input,我们就必须知道input的type属性有一个有hidden值。如图
- 04
这时我们只需要将第5个的type属性值改为“ type="hidden" ”。如图
- 05
设置好保存后,input就成功隐藏掉了。
- 06
那隐藏的如何来查看呢?我们可以打开浏览器的“开发者模式”来查看,按F12就可以打开开发者模式。
赞 (0)