如何设置input隐藏

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

(0)

相关推荐

  • Win10平板模式任务栏怎么设置自动隐藏?

    Win10平板模式任务栏怎么设置自动隐藏?很多Win10平板设备用户都希望在平板模式中实现任务栏自动隐藏的效果.根据微软副总裁Gabriel Aul的消息,虽然微软现在已经知道用户有这方面诉求,但还没 ...

  • WPS怎么设置打印隐藏文字

      WPS怎么设置打印隐藏文字 1.在WPS文字中打开一篇已经隐藏好了答案的试题文档,把鼠标切换到功能区的"工具"选项卡,在弹出的下拉菜单中选择"选型"命令; ...

  • 电脑文件的扩展名怎么设置为隐藏

    我们打开电脑之后,可以看到电脑上的文件在名称后方都有后缀名,也就是扩展名,接下来小编就教大家怎样将文件后方的扩展名设置为隐藏.具体如下:1. 接下来我们打开电脑进入到桌面,然后随意的打开一个文件夹.2 ...

  • 怎么在Windows Server 2012 R2系统电脑上设置自动隐藏任务栏?

    许多小伙伴的电脑使用的是Windows Server 2012 R2系统,如果我们想要设置隐藏任务栏应该如何操作呢?今天,小编就教大家在Windows Server 2012 R2系统电脑上设置自动隐 ...

  • 手机百度浏览器的搜索记录如何设置为隐藏

    浏览器软件是我们在使用手机过程中最经常使用的软件,但是有的时候我们会担心浏览器会记录下我们的搜索记录暴露我们的隐私,接下来小编就教大家怎样设置搜索记录为隐藏.具体如下:1. 首先我们打开手机进入到桌面 ...

  • 手机微信钱包下方的金额怎么设置为隐藏

    我们经常会在手机上面使用微信软件来和好友聊天,或者我们也会使用微信的支付功能,为了保护我们的财产隐私安全,我们可以将微信钱包下放的金额设置为隐藏.接下来小编就教大家怎样操作.具体如下:1.首先我们打开 ...

  • 电脑Word中顶部的工具栏怎么设置为隐藏

    我在使用电脑上的Word软件的时候,可以发现在软件顶部有一个常用工具栏,非常方便我们的使用.但是为了使软件更加美观,我们可以将这个工具栏隐藏,接下来小编就教大家怎么使用.具体如下:1.首先我们打开电脑 ...

  • 微博主页兴趣爱好中的项目能不能设置成隐藏

    微博主页兴趣爱好中的项目能不能设置成隐藏呢? 一起来看看吧.1. 首先我们打开手机上的微博APP.2. 进入主页面后,点击页面右下角的"我的"选项,进入我的页面.3. 然后在打开的 ...

  • 怎么在excel表格中设置批量隐藏或显示单元格

    今天给大家介绍一下怎么在excel表格中设置批量隐藏或显示单元格的具体操作步骤.1. 首先打开电脑,进入桌面,找到Excel表格软件,双击打开.2. 在打开的页面,将想要隐藏的整列单元格选中,然后右键 ...