Updated / Published

button要素(push button)は汎用ボタンを作成します。input要素type属性の値にbutton,submit,resetを指定した場合と同様の働きをします。空要素のinput要素とは異なり、button要素は内容を含むことができるので、button要素を使うことで、通常の押しボタンからイメージボタンまで様々な表現力に優れたボタンが作成できます。

包含できる内容はa要素iframe要素、フォーム関連要素を除く(内包不可能を参照)、テキストや画像などのインライン内容からブロックレベル要素まで何でも内容となり、ブロックレベル要素・インライン要素の両方を取ることができます。ただし、両方同時は不可能なため、インライン要素しか内包できないブロックレベル要素またはインライン要素の中で使われた場合は、インライン要素として扱われます。

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
要素分類
インライン要素ブロックレベル要素
開始タグ
必須
終了タグ
必須
非推奨
-
内容モデル
内包不可能

disabled属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
必須
-
非推奨
-
属性値
  • disabled
  • disabled="disabled"(XHTML

このコントロール部品の使用と選択を全て禁止します。使用が禁止されたコントロール部品の値は送信されません。HTML4.01 では disabled、XHTML の場合は属性値を省略できないので disabled="disabled" と記述します。

name属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
button
必須
-
非推奨
-
属性値
文字列

フォームから値を送信するときのデータ名を指定します。name属性の値は半角アルファベットの大文字・小文字が区別されません(case-insensitive)。有効範囲は form要素内のみです。

type属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
button
必須
-
非推奨
-
属性値
  • button
  • submit
  • reset

ボタンの形式を指定します。値には "submit"(送信ボタン), "button"(通常のボタン), "reset"(リセットボタン)の3つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

プッシュボタン
type="button"の指定で、汎用押しボタンを設定します。onclick属性などのイベント属性(イベントハンドラ)を伴って、スクリプトを動作します。
送信ボタン
type="submit"の指定で、フォームの入力欄に入力したテキストや、チェックした選択肢の内容を送信する、送信ボタンを設定します。
リセットボタン
type="reset"の指定で、フォームの入力欄に入力したテキストや、チェックした選択肢の内容をリセットする、リセットボタンを設定します。

type属性の指定がない場合、初期値は送信ボタンの "submit" です。

value属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
button
必須
-
非推奨
-
属性値
文字列

送信時に送られる内容を指定します。name属性と value属性の2つがセットで「データ名とその値」が受信したデータで確認できます。

その他の属性

共通属性
イベント属性

IE6におけるバグ

IE6はbutton要素に致命的なバグをもっています。button要素がform要素内に複数存在する場合、いずれかのbutton要素を押下しただけで、そのフォーム内に存在するすべてのbutton要素を一斉送信してしまいます。