2017-12-22 3 views
-1

Ich bin neu in der HTML5-Programmierung und frage mich, wie ich eine Schaltfläche auf meiner Zielseite implementieren kann, die den Besucher auf eine andere Seite umleitet.Wie implementiert man einen Button, der auf eine andere Seite umleitet?

Derzeit bin ich mit den folgenden HTML-Codierung:

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

Das Problem ist, dass, wenn ich auf die Schaltfläche klicken, ich mit dem Fragezeichen auf eine andere Seite umgeleitet bin am Ende der URL. Dadurch wird die Website nicht angezeigt.

Die zweite Seite besteht, in HTML und Namen 'bestellen'.

+1

Sie wissen, dass es eine Tag-Call-Link ('a'), die das schon tun? [um das Fragezeichen zu vermeiden, machen Sie die Methode post als Standard es ist] –

+1

Verwenden Sie nicht das '

' Element. Es wurde vor langer Zeit veraltet und existiert nicht mehr – j08691

+0

Verwenden Sie ein Anker-Tag – JoshKisb

Antwort

0

Ich denke, was Sie versuchen, ist nur ein einfacher Link.

Vergessen Sie einfach Ihre Form, Sie brauchen es nicht. Formular wird verwendet, um Daten über Seite, Postfach, Datenbank, diese Art von Zeug zu senden.

Wenn Sie nur wollen, auf eine andere Seite umgeleitet werden versuchen Sie dies:

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

Und vergessen Sie dieses <center><center>, die veraltet ist :)

Ich hoffe, dass ich Ihnen helfen!

-1

Der Grund, warum es ein Fragezeichen am Ende gibt, liegt darin, dass Sie ein Formular-Tag zum Umleiten verwendet haben. Formulare müssen verwendet werden, wenn Sie Daten an PHP senden, weshalb das Fragezeichen erscheint. Das Fragezeichen wird für PHP verwendet und ist damit verknüpft. Wie die anderen in den Kommentaren gesagt haben, möchten Sie das Anker-Tag a verwenden und es um den Button legen. Es wäre jedoch viel besser, einfach das Anker-Tag zu verwenden und es so zu formatieren, wie es angezeigt werden soll. Sie können es sogar so gestalten, dass es wie ein Knopf aussieht!

Beispiel:

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

Sie bitte auch, CSS verwenden, anstatt den Tag zu stylen.

Verwandte Themen