如何使提交类型的按钮提交到不同的 URL? (不是它所在的页面)

How to make a button of type submit to submit to a different URL? (not to the page it's on)

我在我的网络应用程序的一个页面上有一个表单,我想提交给另一个 URL,我正在使用:

<button type="submit"></button>

而不是:

<input type="submit">

因为我想在按钮文本中嵌入一个图标。

当单击按钮而不是将数据提交到表单 onsubmit 属性时,它会将其发送到当前页面。

如何使按钮提交到不同的路径或者向输入提交按钮添加图标? (最好没有 JavaScript 和 jQuery 因为我希望提交方法是 POST 而不是 GET)

我将表单 onsubmit 属性更改为 action

我不太明白为什么 actiononsubmit 好。

您可以通过以下几种方法创建指向另一个页面的link。

首先,我有一个用作按钮的 a 标记,一个简单的 a 标记,以及一个用于将您定向到另一个页面的表单。这三种方法中的任何一种都适合您。

我在此处使用 target="_blank",因为 link 在另一个选项卡中打开。

如果要添加图标样式,我用了很多Font Awesome

我建议查看不同的样式。

<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/