How to implement a Button, that Re-directs to another page?

Question

I am new to HTML5 coding and I am wondering how to implement a button on my landing page, which re-directs the visitor to another page.

Currently I am using the following HTML coding:

<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>

The problem is, that when I click the button, I am redirected to another page with the QUESTION MARK at the end of the URL. Which makes the website not appearing.

The second page is made up, in html and names 'order'.

you know that there is a tag call link (`a`) which already do this ? [to avoid the question mark make the method post as by default it's get] — Temani Afif, Dec 22 '17 at 15:07
Don't use the `` element. It was deprecated ages ago and no longer exists — j08691, Dec 22 '17 at 15:09

score 0 · Accepted Answer · answered Dec 22 '17 at 15:57

I think what you're trying to do is just a simple link.

Just forget about your form, you don't need it. Form is use to send data through page, mailbox, database, that kind of stuff.

If you just want to redirect to another page try this :

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

And forget this <center><center> that's deprecated :)

I Hope that I help you !

How to implement a Button, that Re-directs to another page?

1 Answers1