ボタンと入力タイプ=ボタンの違いと注意点-htmlチュートリアル-php.cn

ボタンと入力タイプ=ボタンの違いと注意点

yulia

リリース： 2018-09-10 16:01:20

オリジナル

3764 人が閲覧しました

タグの間にあるものはすべて、テキストやマルチメディアコンテンツなどの許容可能な本文コンテンツを含むボタンのコンテンツです。たとえば、ボタンに画像と関連テキストを含めて、それらを使用してボタン内に魅力的なマークアップ画像を作成できます。
唯一禁止されている要素は画像マッピングです。これは、マウスとキーボードに依存する操作がフォームボタンの動作を妨げるためです。
ボタンには必ず type 属性を指定してください。 Internet Explorer のデフォルトのタイプは「ボタン」ですが、他のブラウザ (W3C 仕様を含む) のデフォルトは「送信」です。

ブラウザのサポート

すべての主要なブラウザはの間のテキストを送信しますが、他のブラウザは value 属性のコンテンツを送信します。ボタンを作成するには、HTML フォームの input 要素を使用してください。

注意事項

value の値を取得します
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(){ 
$(&#39;#test1&#39;).click(function(){ 
alert($(&#39;#customBtn&#39;).attr(&#39;value&#39;)); 
}); 
$(&#39;#test2&#39;).click(function(){ 
alert($(&#39;#customBtn&#39;).val()); 
}); 
}); 
</script> 
</head> 
<body> 
<buttonid="customBtn"value="test">&#x6309;&#x94AE;</button> 
<inputtype="button"id="test1"value="getattr"/> 
<inputtype="button"id="test2"value="getval"/> 
</body> 
</html>

ログイン後にコピー

2. 誤って