请说下如下两个form 表单 submit 执行结果
请说下如下两个form 表单 submit 执行结果
当两个 input 都不输入的时候，请说出分别执行两个 submit，执行结果 url 上参数是什么
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<form action="" id="form1">
<input type="text" value="" name="firstname" form="form2" />
<input type="submit" value="submit1" />
</form>
<form action="" id="form2">
<input type="submit" value="submit2" />
</form>
<!-- submit 表单类型一定要写在 form 里，会默认提交当前所包裹最外层的 form -->
<input type="submit" value="submit3" />
<input type="text" value="" name="lastname" form="form2" />
<form action="https://www.hhh.com" id="form3">
<form action="https://www.xxx.com" id="form4">
<input type="submit" value="submit4" />
</form>
</form>
</body>
</html>结果：
submit1 点击，url 参数为空
submit2 点击，url 参数拼接 ?firstname=&lastname=
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-12-05，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
