HTML5のリファレンスサイトです。


<button>

ボタンを設置します。

type属性に "submit" "reset" "button" を設定することで、各種動作のボタンが作成されます。
type属性を設定しない場合は "submit" です。

type値説明
submit<form>を送信します。
reset<form>の入力内容を初期化します。
button何もしません。onclickイベントを設定してJavaScript等で処理します。

<input type="submit">
<input type="reset">
<input type="button">
との違いは、
formaction,formenctype,formmethod,formnovalidate,formtargetで送信先等の設定を行い、
name,valueで送信内容を設定することで、
<form><input>なしでボタンだけでもデータの送信ができます。

ボタン内には子要素のテキストが表示されます。

有効な属性は、
autofocus,disabled,form,formaction,formenctype,formmethod,formnovalidate,formtarget,name,type,value
です。
<form>,<input>に設定するのと同じ感じです。



<button type="button">ボタン</button>

実際の表示


[編集]   [AD]
rentafree.net