天天看点

巧用html的hidden全局属性传递表单隐藏参数

最近在自学PHP的时候涉及到一处表单传递参数的问题。

需要传递的参数为?m=&n=&t=,其中m为确定的一个int值,但是表单设计需要输入的只有n和t,这样点击表格的提交按钮只有n和t的参数会被传递。那么m的参数该如何传递呢?

在查阅了html的属性表和查阅了相关资料之后,确认可以尝试使用html的全局属性:hidden。

需要注意的是hidden这个全局属性是html5中新添的(W3C地址),其用法为:

<element hidden>
           

想要传递一个固定的m值只需要在表单中插入一个带有hidden属性和值的<iuput>文本框即可,如:

echo "<form action=''><input type='text' name='m' value='1' hidden>起点:<br><input type='text' name='n'><br>终点:<br><input type='text' name='t'><br><input type='submit' value='导航!'></form>";
           

同时hidden这个属性也可以通过JS来修改以控制相关元素的显示/隐藏,灵活使用可以有很多用途。