如何解决如何使提交类型的按钮提交到不同的 URL? 不是它所在的页面
我的 Web 应用程序页面上有一个表单,我想将其提交到不同的 URL,我正在使用:
<button type="submit"></button>
代替:
<input type="submit">
因为我想在按钮文本中嵌入一个图标。
当点击按钮而不是将数据提交到表单 onsubmit
属性时,它会将数据发送到当前页面。
如何使按钮提交到不同的路径,或者向输入提交按钮添加图标? (最好没有 JavaScript 和 jQuery,因为我希望提交方法是 POST 而不是 GET)
解决方法
您可以通过以下几种方式创建指向其他页面的链接。
首先,我有一个用作按钮的标签、一个简单的标签和一个用于将您定向到另一个页面的表单。这三种方法中的任何一种都应该适合您。
我在这里使用 target="_blank" 以在另一个选项卡中打开链接。
如果你想为样式添加图标,我经常使用 Font Awesome。 https://fontawesome.com/
我建议查看不同的样式。
<a href='https://developer.mozilla.org/' target="_blank"><button> MDN Web Docs</button></a>
<a href='https://developer.mozilla.org/' target="_blank">MDN Web Docs</a>
<form action="https://developer.mozilla.org//" target="_blank">
<input type="submit" value="MDN Web Docs" />
</form>
https://jsfiddle.net/6wu3v9Lc/3/
字体真棒示例
<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<i class="fas fa-clock"></i>
</body>
</html>
https://jsfiddle.net/6wu3v9Lc/5/
,将表单 onsubmit
属性更改为 action
我不太明白为什么 action
比 onsubmit
好。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。