如何使提交类型的按钮提交到不同的 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
。
我不太明白为什么 action
比 onsubmit
好。
您可以通过以下几种方法创建指向另一个页面的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>
我在我的网络应用程序的一个页面上有一个表单,我想提交给另一个 URL,我正在使用:
<button type="submit"></button>
而不是:
<input type="submit">
因为我想在按钮文本中嵌入一个图标。
当单击按钮而不是将数据提交到表单 onsubmit
属性时,它会将其发送到当前页面。
如何使按钮提交到不同的路径或者向输入提交按钮添加图标? (最好没有 JavaScript 和 jQuery 因为我希望提交方法是 POST 而不是 GET)
我将表单 onsubmit
属性更改为 action
。
我不太明白为什么 action
比 onsubmit
好。
您可以通过以下几种方法创建指向另一个页面的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>