美文网首页
type=hidden隐藏域的作用

type=hidden隐藏域的作用

作者: 王瓷锤 | 来源:发表于2018-10-02 17:57 被阅读40次

<input type="hidden" name="xxx" value="xx">

  1. 这个隐藏域在页面上不会被呈现出来,但是会传送给后端服务器,它可以确保后端收到的数据来自于自己的网页而非黑客知道后端地址后传送的数据。
  2. 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
  3. 有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。

举个栗子:

<html>
<body>
<form action="xxx" method="post">
<input type="text" name="address" placeholder="输入地址" >
<input type="hidden" name="country" value="China" />
<input type="submit" value="Submit" />
</form>
</body>
</html>

这段代码的执行结果如下图所示,没有显示type=hidden部分的内容,但是在后端服务器会接受到这个信息


执行结果

参考文献
https://blog.csdn.net/judyge/article/details/51934292?utm_source=copy

相关文章

  • type=hidden隐藏域的作用

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

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

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

  • type=hidden隐藏域

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

  • 任务五——task06

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

  • [jQuery]数据隐藏传递

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

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

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

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

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

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

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

  • jQueryn display和visibility的区别

    使用 type="hidden" 或 display: none; 属性隐藏了元素,不为其保留物理空间,用 is(...

  • 前端开发学习第十七天

    图片域image 图片域image既拥有按钮的特点,也拥有图片特点,需要设置图片路径。 隐藏域hidden 从前台...

网友评论

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

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