Question

我想知道如何在html页面中的输入按钮上添加链接。到目前为止，我试图通过在按钮周围添加超链接来在输入按钮上建立链接，但是可以使用任何其他方法导航到另一个页面吗？

目前我这样做：

<html>
   <head>
      <title>Practise 20</title>
      <style>
         input[type="submit"]{border:none; background:#000; color:#fff}
      </style>
   <body>
      Click on Button to navigate the Pages
         <form>
            <a href="http://www.google.com" target="self"><input type="submit" Value="Go"></a>
         </form>
   </body>
</html>

Answer 1

你可以通过javascript把链接放在输入按钮上..试试这个

<html>
   <head>
   <title>Practise 20</title>
   <style>
      input[type="submit"]{border:none; background:#000; color:#fff}
   </style>
   </head>
   <body>
      Click on Button to navigate the Pages
      <form>
         <input onClick="window.location.href='put your page url here'" type="submit" Value="Go">
      </form>
   </body>
</html>

Answer 2

您可以通过简单的javascript更好地使用它。

<script type="text/javascript">
function google() {
window.location = "http://google.com";
}
</script>

从HTML部分开始：

<input type="submit" value="Go" onClick="google()">

Answer 3

我想知道如何在html页面中的输入按钮上添加链接？

你没有。链接是链接。按钮是按钮。一个不能放在另一个HTML中。

如果您想要一个看起来像按钮的链接，请使用链接并应用CSS使其看起来像您想要的那样。

Answer 4

<form action="http://www.google.com"><input type="submit" Value="Go"></form>

请注意，您不应使用提交按钮进行超链接。 “提交”按钮用于提交表单，因此将其链接到页面会向用户发送错误信息。你仍然可以做到;如果你需要。

Answer 5

formaction 属性的效果很好。这是一个示例：

<input type="submit" formaction="login.html" value="Submit to another page">

Answer 6

您绝对可以做到这一点。您可以在表单中添加到路线的后操作，然后使用引导程序类将输入伪装为导航链接

<form action="/Rooms/Edit/:id" method="POST" style="margin: 0 1rem;">
      <input  class="btn btn-link" value="Edit Rooms" type="submit" style="font-weight: bold; text-dectoration:none">  
</form>

Answer 7

<a href="http://www.google.com" target="self"><input type="submit" Value="Go"></a>

非常简单！只需在其中添加一些引导类，然后将角色添加为按钮即可。就是这样！

<a class="btn btn-success" role="button" href="http://www.google.com" target="self"><input type="submit" Value="Go"></a>

输入按钮上的HTML链接

7 个答案: