Question

这是HTML：

<div style="float: left; width: 33.3%;text-align: center;">
<button class="btntest btn-small-test btn-success-test">
<span class="icon-apply-test icon-white-test"></span>
Search Now</button>
</div>

我尝试过使用锚文本和表单操作，但没有任何东西可以添加onclick事件。如何调整此按钮，以便在用户点击它时重定向到google.com？

Answer 1

您需要将其放在form内，并将其输入submit。

样本：

<form action="<target_url>" method="<get_or_post>">
  <button class="btntest btn-small-test btn-success-test" type="submit"></button>
</form>

Answer 2

为什么在使用javascript时需要表单;）

<button onclick="window.location='google.com'">Search google</button>

Answer 3

您可以这样做：

<form class="myForm" action="yourAction" method="post/get">
<input type="text"/> 
<input type="submit"/>
</form>

Answer 4

首先，按钮需要位于指向动作的表单内，例如：

<form action="action_path" method="get">
 ...
</form>

其中action_path是您要发送数据的操作的路径。正如您所看到的，有一个action_type的参数。

然后，当你把：

<input type="submit" value="Submit">

它将触发表单将数据发送到指定的路由。

或者您可以使用以下命令添加和操作（但在这种情况下，您不一定需要使用按钮标记）：

<anytag onClick='function() { js actions here }' >

所以你可以通过javascript实际让你的'按钮'做任何事情。

如何向此按钮添加表单操作？

4 个答案: