<button> - ボタン

概要

形式: <button>～</button>
サポート: https://caniuse.com/mdn-html_elements_button
カテゴリ: フローコンテンツ
 フレージングコンテンツ
 インタラクティブコンテンツ
 リステッド, ラベラブル, サブミッタブル, リアソシエイタブル(HTML 5.2のみ) なフォーム関連要素
 パルパブルコンテンツ
親要素: フレージングコンテンツを子要素に持てるもの
子要素: フレージングコンテンツ (ただし、インタラクティブコンテンツを子孫に持つことはできない)
タグの省略: 開始タグ:必須 / 終了タグ:必須
属性: グローバル属性
 disabled
form
formaction
formenctype
formmethod
formnovalidate
formtarget
name
popovertarget
popovertargetaction
type
value

ボタンを表示します。<button>～</button> で囲まれた部分がボタン上に表示されます。ボタンに表示される部分に HTML を指定することも可能です。

type=submit を指定すると、サブミットボタンとして機能します。

フォーム関連の属性は、サブミットボタンを複数用意し、押すボタンによってフォームパラメータ(action, enctype, method, novalidate, target)を変更する際に有用です。

type=type

LS/H4/e4/Ch/Fx/Sa/Op/N6

ボタンの種別を指定します。省略した場合は type="submit" とみなされますが、Internet Explorer 6 など古いブラウザでは type="button" とみなされるものもあります。

name=name

LS/H4/e4/Ch/Fx/Sa/Op/N6

名前を指定します。

value=value

LS/H4/e4/Ch/Fx/Sa/Op

ボタンに割り当てられる値を指定します。

disabled

LS/H4/e4/Ch/Fx/Sa/Op/N6

この属性を指定すると、ボタンを押した時の動作が無効になります。

autofocus

LS/H5/e/Ch/Fx/Sa/Op

ページを開いた際に、自動的にフォーカスをあてます。

popovertarget=id

LS/Ch/Ed/Sa

ポップオーバーターゲットのIDを指定します。詳細は popover を参照してください。

popovertargetaction=action

LS/Ch/Ed/Sa

ポップオーバーターゲットに対するアクションを指定します。詳細は popover を参照してください。

menu=menu

[非推奨] H5-5

メニューのIDを指定します。HTML5.1 で追加されましたが、HTML 5.2 で廃止されました。

form=id: LS/H5/Ch/Fx/Sa/Op; 関連付けたい form要素のidを指定します。
formaction=url: LS/H5/e/Ch/Fx/Sa/Op; フォーム送信先のURLを指定します。
formenctype=value: LS/H5/e/Ch/Fx/Sa/Op; フォームのエンコードタイプを指定します。
formmethod=value: LS/H5/e/Ch/Fx/Sa/Op; フォームのメソッド(GET/POST/...)を指定します。
formnovalidate: LS/H5/e/Ch/Fx/Op; input要素の required属性などの入力値のバリデーションチェックを行わないことを指定します。
formtarget=value: LS/H5/e/Ch/Fx/Sa/Op; フォーム送信結果を表示するフレーム名を指定します。

datafld=datafld: [非推奨] e4-?; データバインド機能を用いる際の、データソースの列名を指定します。
dataformatas=format: [非推奨] e4-?; データバインド機能を用いる際の、データフォーマットを html または text のいずれかで指定します。
datasrc=datasrc: [非推奨] e4-?; データバインド機能を用いる際の、データソースの ID を指定します。

HTML

<button type="button" onclick="alert('OK')">OK</button>

表示

初版:1996年9月10日最終更新:2017年12月24日

https://www.tohoho-web.com/html/button.htm