html <a> 如何触发表单的提交
时间: 2024-05-16 21:13:31 浏览: 107
javascript 回车键触发表单提交的问题
HTML中的<a>标签本身并不能直接触发表单的提交,但可以通过JavaScript来实现。下面是一个示例代码,你可以在点击<a>标签时,通过JavaScript的方式触发表单的提交:
```html
<form id="myForm" action="submit.php" method="POST">
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" placeholder="请输入密码">
<button type="submit" id="submitBtn">提交</button>
</form>
<a href="#" onclick="document.getElementById('myForm').submit(); return false;">点击提交</a>
```
在上面的代码中,我们给表单设置了一个id属性为“myForm”,同时在<a>标签中绑定了一个onclick事件,当点击<a>标签时,会调用JavaScript函数“document.getElementById('myForm').submit()”来触发表单的提交。同时,为了避免页面跳转,我们在onclick事件的最后加上了“return false;”语句。
阅读全文