type=hidden隐藏域的作用

2018-10-02  本文已影响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

上一篇 下一篇

猜你喜欢

热点阅读