表单隐藏域type=hidden的作用

作者: 辉夜乀 | 来源:发表于2017-03-12 13:30 被阅读1156次

HTML中写表单的时候,写入这段代码
<input type="hidden" name="#" value="#">
意思是在这里增加一个隐藏域。对于用户来说,在页面上隐藏域是不可见的。

隐藏域的作用:

  1. 隐藏域的作用是帮助表单收集和发送信息,便于后端处理数据。用户点击提交数据的时候,隐藏域的信息也被一起发送到了后端。

  2. 后端接收前端传来的数据,需要确认前端的身份,是本公司的网页传来的数据,而不是其他黑客知道后端地址后传来的假数据。那么就加一个隐藏域,验证value里的值和数据库里name的值是不是对应的,类似于“天王盖地虎,宝塔镇河妖”,暗号对的上,才能证明是自己人,O(∩_∩)O~。

  3. 有时候一个表单里有多个提交按钮,后端怎么知道用户是点击哪个按钮提交过来的呢?这时候我们只要加隐藏域,对每一个按钮起个名字(value值),后端接收到数据后,检查value值,就能知道是哪个按钮提交的了。

  4. 有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。

  5. JavaScript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。

  6. 还有个例子,比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是close时就自己关掉。

相关文章

  • 表单隐藏域type=hidden的作用

    HTML中写表单的时候,写入这段代码 意思是在这里增加一个隐藏域。对于用户来说,在页面上隐藏域是不可见的。 隐藏域...

  • 任务五——task06

    type=hidden隐藏域有什么作用? 举例说明 隐藏表单,一般用来传递参数,又不想让用户看到,相对于其他传递参...

  • type=hidden隐藏域的作用

    这个隐藏域在页面上不会被呈现出来,但是会传送给后端服务器,它可以确保后端收到的数据来自于自己的网页而非黑客知道后端...

  • type=hidden隐藏域

    基本语法 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使...

  • 隐藏一个元素的方法

    我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 ...

  • [jQuery]数据隐藏传递

    方法一:通过input标签的type="hidden"传递 type="hidden"表示这个input标签被隐藏...

  • type=hidden隐藏域有什么作用? 举例说明

    隐藏域中可以存储表单数据,但是对访问者不可见。提交表单时,隐藏域中的内容也会被提交给服务器进行处理, 隐藏的数据通...

  • type=hidden隐藏域有什么作用? 举例说明

    1、隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏...

  • type=hidden隐藏域有什么作用? 举例说明

    作用:隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。...

  • HTML表单

    表单基础结构 表单语法 标签 单行文本域 按钮 图像域和隐藏域 图像域(图像提交按钮) 隐藏域 隐藏域的内容用户看...

网友评论

    本文标题:表单隐藏域type=hidden的作用

    本文链接:https://www.haomeiwen.com/subject/hcvtnttx.html