ボタンをハイパーリンクにするには<form action = 'page.html'><button type = submit>を使用しますか？

Question

これは、私のスタイルのボタンを構成する方法です。

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

スパン周り（HREF付き）アンカータグを置くことは、あなたがFFのハイパーリンクすることができますが、あなたのマウスがボタンのvalue属性値の上に推移している場合はIEで台無し。 （値=「ここにサインアップ」）

これは何か問題はありますか？

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

間違った言い方をすると、これを行う際の悲惨な結果が見えますか？

ありがとうございます！

Answer 1

:-)コードを変更する必要があります。あなたが大きな数字を<form></form>の中に追加すると問題に遭遇します。

Answer 2

私にはうまく見えます。それをすべてのブラウザで実行し、どのように飛ぶのかを見てください。

Answer 3

オリジナルよりもよく見えます。 IEとFFは、ボタン要素がクリックされたときにどの値を送信するかについて異なる意見を持っています。

ボタンの値が重要な場合（フォームに複数のボタンがある場合など）、適切な値が渡されるようにJavaScriptを追加することを検討する必要があります。

Answer 4

私はこれにスパンを使用する代わりに、classとid属性を直接に追加したいと思います。とにかく、どちらも有効です。

Answer 5

あなたのCSSクラスには他の名前を使用する方が良いと思います。

「ボタンオレンジ」ではなく、リンク用ボタンのようなものを使用します。

あなたは色を変更する場合は、私が心配したい唯一のことは、あなたが巣HTMLでform要素をできないことです