Question

假设我有一个简单的表格

<form action="#" method="post">
    <input type="text" name="name">
    <a href="http://www.google.com/"><button>Visit Google</button></a>
    <input class="btn btn-primary" type="submit" value="Next step">
</form>

我已经意识到两个按钮执行相同的操作：提交表单。有没有简单的方法可以将按钮保留在表单中并使其表现为href？

Answer 1

将类型属性添加到您的按钮这是错误的方式来实现按钮，要么只是保持定位，要么是通过onclick操作将用户重定向到http://google.com

的按钮

<form action="#" method="post">
  <input type="text" name="name">
  <a href="http://www.google.com/"><button type="button">Visit Google</button></a>
  <input class="btn btn-primary" type="submit" value="Next step">
</form>

Answer 2

您可以简单地在html元素中添加链接并使用CSS进行设计。我使用boostrap库获得快速结果。但是也许您的目标是不同的。您是否要通过新按钮发送不同的http请求？

js traitement + element：=>

$("#likeboutton").on("click",function(){//some code

console.log("insert you desire traitement")})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
  <h3  class="btn btn-success btn-lg" id="likeboutton" >Something</h3>

防止href按钮提交表单PHP

2 个答案: