と比較して、 タグの間のすべてがボタンのコンテンツであり、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツも含まれます。たとえば、ボタンに画像と関連テキストを含めて、それらを使用してボタン内に魅力的なマークアップ画像を作成できます。"/> と比較して、 タグの間のすべてがボタンのコンテンツであり、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツも含まれます。たとえば、ボタンに画像と関連テキストを含めて、それらを使用してボタン内に魅力的なマークアップ画像を作成できます。">

ホームページ >ウェブフロントエンド >htmlチュートリアル >ボタンと入力タイプ=ボタンの違いと注意点

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

yulia
yuliaオリジナル
2018-09-10 16:01:203814ブラウズ

タグの間にあるものはすべて、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツを含むボタンのコンテンツです。たとえば、ボタンに画像と関連テキストを含めて、それらを使用してボタン内に魅力的なマークアップ画像を作成できます。
唯一禁止されている要素は画像マッピングです。これは、マウスとキーボードに依存する操作がフォーム ボタンの動作を妨げるためです。
ボタンには必ず 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. 誤って

以下のコードをテストしてこれを確認してください

<html> 
<body> 
<formaction=""> 
<button>button</button> 
<inputtype="submit"value="inputsubmit"/> 
<inputtype="button"value="inputbutton"/> 
</form> 
</body> 
</html>

以上がボタンと入力タイプ=ボタンの違いと注意点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。