ブラウザのサポート
すべての主要なブラウザは タグをサポートしています。
重要: HTML フォームで button 要素を使用する場合、ブラウザーごとに異なる値が送信されます。 Internet Explorer は と の間のテキストを送信しますが、他のブラウザは value 属性のコンテンツを送信します。ボタンを作成するには、HTML フォームの input 要素を使用してください。
注意事項
タグを使用する場合、それを当然のことと考えて として使用することが容易であり、次のような誤った使用法につながる可能性があります:
1 $('#customBtn').val() を通じて、buttonvalue の値を取得します
IE (IE カーネル) で使用する場合、値は次のようになります。 「test」ではなく「button」、非 IE では「test」が表示されます。上の赤でマークされた最初の文に注目してください。
これは とは区別する必要があります。
これら 2 つのメソッドを通じて、$('#customBtn').val()、$('#customBtn').attr('value') は、次のようにさまざまなブラウザーで値を取得します。以下のコードをテストできます
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript"src="jquery-1.4.4.min.js"></script>
<scripttype="text/javascript">
$(function(){
$('#test1').click(function(){
alert($('#customBtn').attr('value'));
});
$('#test2').click(function(){
alert($('#customBtn').val());
});
});
</script>
</head>
<body>
<buttonid="customBtn"value="test">按钮</button>
<inputtype="button"id="test1"value="getattr"/>
<inputtype="button"id="test2"value="getval"/>
</body>
</html>
2. 誤って タグを
以下のコードをテストしてこれを確認してください
<html>
<body>
<formaction="">
<button>button</button>
<inputtype="submit"value="inputsubmit"/>
<inputtype="button"value="inputbutton"/>
</form>
</body>
</html>
以上がボタンと入力タイプ=ボタンの違いと注意点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。