#
“type”属性について
“type”属性は“button”要素をクリックしたときの動作を指定します。
“submit”と“reset”を指定した“button”要素は“form”要素と関連付けられているときにそのフォームを操作するボタンとなります。この場合、“type="submit"”と“type="reset"”を指定した“input”要素と同じ機能を持ちます。
“button”を指定した“button”要素はクリックしたときの既定の動作を持たず、スクリプトを実行するためのボタンとして使用することができます。この場合、“type="button"”を指定した“input”要素と同じ機能を持ちます。
“type”属性を指定しない場合や値が無効な場合は“submit”とみなされます。
#
#
サンプルコード
“type="submit"”と“type="reset"”
“type="button"”
<p>
<button type="button" onclick="alert('Hvordan har du det?')">クリックしてください</button>
</p>
“type="menu"”
<button type="menu" menu="sample-menu">メニューを開く</button>
<menu type="context" id="sample-menu">
<menuitem onclick="alert('God dag!')">こんにちは</menuitem>
<menuitem onclick="alert('Hvordan har du det?')">お元気ですか?</menuitem>
<menuitem onclick="alert('Jeg liker vin.')">私はワインが好きです</menuitem>
<menuitem onclick="alert('Ha det bra!')">さようなら</menuitem>
</menu>