mit <form action = 'page.html'><button type = submit> um eine Schaltfläche zu einem Hyperlink zu machen?

Question

So konstruiere ich meine stilisierten Knöpfe.

<span class='button button-orange' id='sign-up'><input type='button' value='Sign up here' /></span> 

ein Anker-Tag Putting (mit href) um die Spanne können Sie in FF Hyperlink aber vermasselt in IE, wenn Sie die Maus über den Wert Attributwert der Schaltfläche schwebte wird. (Wert = 'Hier anmelden')

Ist etwas falsch daran, dies zu tun?

<form action='page.html'> 
<span class='button button-orange' id='sign-up'><input type='submit' value='Sign up here' /></span> 
</form> 

Mit falsch meine ich, können Sie irgendwelche schlimmen Folgen sehen, dies zu tun?

Danke!

Answer 1

Das einzige, was ich darum kümmern würde, ist, dass man nicht nisten form Elemente in HTML. Sieht so aus, als wäre es in Ordnung, aber wenn Sie in einem größeren <form></form> hinzugefügt haben, werden Sie Probleme bekommen.

Answer 2

Sieht gut für mich aus. Führen Sie es mit allen Browsern aus und sehen Sie, wie es fliegt.

Answer 3

Sieht besser aus als das Original. IE und FF haben unterschiedliche Meinungen darüber, welche Werte übertragen werden sollen, wenn auf Schaltflächenelemente geklickt wird.

Wenn der Wert der Schaltfläche wichtig ist (wenn Sie beispielsweise mehrere Schaltflächen im Formular haben), sollten Sie in Erwägung ziehen, JavaScript hinzuzufügen, um sicherzustellen, dass der entsprechende Wert weitergegeben wird.

Answer 4

Ich würde die Klassen- und ID-Attribute direkt in die hinzufügen, anstatt einen Bereich dafür zu verwenden. Wie auch immer, beide sind gültig.

Answer 5

Sieht gut aus, aber ich denke, es ist besser, andere Namen für Ihre CSS-Klassen zu verwenden.

Nicht "Button-Orange" -> verwenden Sie etwas wie Button-for-Links.

Wenn Sie die Farbe zu ändern, müssen Sie den Code ändern :-)