如何实现一个Button,重定向到另一个页面?

时间:2017-12-22 15:06:06

标签: html css html5

我是HTML5编码的新手,我想知道如何在我的目标网页上实现一个按钮,该按钮会将访问者重定向到另一个页面。

目前我正在使用以下HTML编码:

<section id="calltoaction_2">
  <div class="container">
    <form action="http://protec4kids.com/order">
      <center><button type="submit" class="button_2">Order Here Now</button></center>
    </form>
  </div>
</section>

问题是,当我点击按钮时,我被重定向到另一个页面,并在URL的末尾带有QUESTION MARK。这使得网站没有出现。

第二页以html和名称'order'组成。

2 个答案:

答案 0 :(得分:0)

我认为你要做的只是一个简单的链接。

忘掉你的表格,你不需要它。表单用于通过页面,邮箱,数据库,那种东西发送数据。

如果您只想重定向到另一个页面,请尝试以下方法:

<a href="http://protec4kids.com/order">Hey ! this is a link :D</a>

请忘记这个被弃用的<center><center>:)

我希望我帮助你!

答案 1 :(得分:-1)

最后有问号的原因是因为您使用表单标记进行重定向。当您向PHP提交数据时,将使用表单,这就是出现问号的原因。问号用于PHP并与之相关联。正如其他人在评论中所说,你想使用锚标记a并将其放在按钮周围。但是,使用锚标签并按照您希望显示的方式设置样式会更好。您甚至可以将其设计为看起来像按钮!

示例:

<a href="http://protec4kids.com/order">Order Here Now</a>

另外,请使用CSS来设置样式而不是标记。