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; ?>">
版权声明:本文为下一朵云发布文章,转载请附上原文出处链接和本声明。
本文链接:https://www.orcy.net.cn/2071.html

​ 广告:HCIE-Security认证课程辅导资料(付费)

暂无评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注