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; ?>">
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。