Javascript提交form表单

最新推荐文章于 2021-07-03 20:11:11 发布

原创最新推荐文章于 2021-07-03 20:11:11 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #表单

Javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了两种常见的表单提交方法：使用<a>标签和<button>标签触发表单提交。通过这两种方法，可以实现不同场景下表单数据的有效提交。

1.使用<a>标签提交表单

<form action="1.html" method="post" id="form">
<input type="text" id="Name" name="Name" placeholder="请输入你的姓名"/>
<a onclick="document:form.submit();">提交</a>
</form>

(1).<a onclick="document:form.submit();">提交</a>

(2).<a href="javascript:document:form.submit();">提交</a>

(3).<a onclick="document.getElementById('form').submit();">提交</a>

2.用<button>标签提交表单

<form id="form">
<input type="text" id="Name" name="Name" placeholder="请输入你的姓名"/>
<input type="button" value="提交" onclick="submit1();">
</form>

<script type="text/javascript">
function submit1()
{
var form = document.getElementById("form");
form.action = "1.html";
form.submit();
}
</script>