HTML <input>隐藏输入框提交内容到指定页面

目录 文章
HTML <input>隐藏输入框提交内容到指定页面-下一朵云

页面表单<form>中<input>输入的内容由代码直接生成,并不在页面前端显示,只显示提交按钮,确认提交后将内容提交到指定页面

1.正常的html表单如下

<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

<p>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。</p>

</body>
</html>
HTML <input>隐藏输入框提交内容到指定页面-下一朵云

单击submit后结果如下:

HTML <input>隐藏输入框提交内容到指定页面-下一朵云

2.隐藏输入框并提交

<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp">
First name:<br>
<input type="hidden" name="firstname" value="1">
<br>
Last name:<br>
<input type="hidden" name="lastname" value="2">
<br><br>
<input type="submit" value="Submit">
</form> 

<p>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。</p>

</body>
</html>
HTML <input>隐藏输入框提交内容到指定页面-下一朵云

隐藏<input>输入框,只需要设置type=”hidden”,value=””填写需要提交的内容即可,提交后结果如下:

HTML <input>隐藏输入框提交内容到指定页面-下一朵云

提交内容由程序生成的话,只需要将value的值改成变量即可,如php生成,则

<input type="hidden" name="firstname" value="<?php echo $str; ?>">