2012-11-22 9 views
5

<button>タグは入力よりもスタイリングが容易で、私は実際にタグを使用することに賛成しています。しかし、私はいくつかの問題が発生する恐れがあります。 W3Schoolsのから<input type = "submit">の代わりに<button type = "submit">を使用してフォーム、問題を提出しますか?

Note: If you use the <button> element in an HTML form, different browsers may submit different values. Use <input> to create buttons in an HTML form.

私はまた、IEは、このボタンに問題があることを読みました。私は例えば、ボタンを提出するために置き換えるようにそれらを使用するために探しています:

<form> 
<input type="text" name="post"/> 
<button type="submit"> 
</form> 

は、彼らが送信ボタンと同じ動作しますか私はサポートされていないブラウザまたは何か他のもののような問題があるのだろうか?

+3

[W3Schoolsにあまり頼りすぎないように...](http://w3fools.com/) – DarkAjax

+0

ここではw3schoolsには同意しませんが、その情報には依存しません。 http://w3fools.com/ – Curt

答えて

2

要素は非常に壊れた実装を持っていたIEにとって深刻な問題を抱えていました。これは依然として懸念されています。 MDN page on buttonによれば、IE 7は依然としてこの点で非常に壊れており、送信時に間違ったデータを送信します。

フォーム処理がbutton要素のname = valueデータに依存しない場合は、最近はbutton type=submitが安全です。たとえば、フォームにこのようなボタンが1つしかない場合は、とにかく名前=値のペアを使用しないことになります。

+0

基本的に、名前と値の属性(私は使用する予定はありません)を使用しないと、IE7では大丈夫ですか? – lisovaccaro

+0

@ Liso22、右。 –

1

私は<button type="submit">でIEの問題を経験しておらず、非常に悪いことに、常にonclickというイベントハンドラを添付することができます。

<button>は安全に使用してください。

最後の注意:w3schoolsは間違った誤解を招くサイトです。どんな種類の言語の参考としても使用しないでください。 PHPの場合はPHP Manual、JavaScriptの場合はMozilla Developer Network (or MDN)です。 w3schoolsを決して使用しない理由をさらに理解するには、http://w3fools.comを参照してください。

+0

ありがとう、基本的にそれはすべてのブラウザで問題なく動作しますか?若者を対象としているので、IE7以上の割合はあまりにも大きいとは思っていませんが、私はむしろそれをサポートしたいと思います。 – lisovaccaro

+0

@ Liso22:はい、うまくいくでしょう。 –

-1

あなたは

 

    <input type="submit" name="whatever" /> 
 

を使用している場合は、それがボタンの対応のように正常に動作を保証することができます。ブラウザの互換性に問題はありません。
これは同じようにスタイル設定可能です。

これが役に立ちます。

+3

それは同じようにスタイル設定できません。それは内部コンテンツを持たないため、beforeと:afterをサポートしていません。また、ブラウザの中には、iOSのサファリなどの送信ボタンのスタイリングを無視するものもあります。私はを使用することができますが、私は使用の結果を知りたいと思います

関連する問題