定義と使用法
<button>タグはボタンを定義します。
ボタン要素の内側には、テキストや画像などのコンテンツを配置できます。これは、この要素と入力要素で作成されたボタンの違いです。
<button>コントロールは、<inupttype = button>よりも強力な機能とより豊富なコンテンツを提供します。 <button>と</button>タグの間のすべてのコンテンツは、テキストやマルチメディアコンテンツなどの許容可能なボディコンテンツを含むボタンのコンテンツです。たとえば、ボタンに画像と関連テキストを含めることができ、それらを使用してボタンに魅力的なマークアップ画像を作成できます。
禁止されている唯一の要素は、マウスボタンの動作を妨げる可能性があるため、画像マッピングです。
ボタンのタイプ属性を常に指定してください。 InternetExplorerのデフォルトのタイプはボタンであり、他のブラウザーのデフォルト値（W3C仕様を含む）が送信されます。
ブラウザのサポートすべての主流ブラウザは<button>タグをサポートしています。
重要：HTMLフォームのボタン要素を使用すると、異なるブラウザが異なる値を送信します。 InternetExplorerは<button>と<ボタン/>の間にテキストを送信し、他のブラウザは値属性のコンテンツを送信します。 HTMLフォームの入力要素を使用して、ボタンを作成してください。注意すべきこと<button>タグを使用する場合、<inupttype = button>として当たり前のタグを簡単に取ることができます。これは、次のエラーの使用に簡単につながる可能性があります。
1。<buttunid = custombtnvalue = test>ボタン</button> valueの値を$（ '＃custombtn'）。
IE（IEカーネル）では、値はテストではなくボタンであり、テストは非IEで取得されます。上記の最初の文に参加します。
これは、<inputType = button>と区別する必要があります。
これらの2つの方法で$（ '＃custombtn'）。val（）、$（ '＃custombtn'）。
ブラウザ/値 | $（ '＃custombtn'）。val（） | $（ '＃custombtn'）。attr（ 'value'） |
Firefox13.0 | テスト | テスト |
クロム15.0 | テスト | テスト |
Opera11.61 | テスト | テスト |
Safari5.1.4 | テスト | テスト |
IE9.0 | ボタン | ボタン |
これを以下のテストコードで確認してください
コードをコピーします