Go to information

button要素

  1. button要素
  2. disabled属性
  3. name属性
  4. type属性
  5. value属性
  6. その他の属性

button要素

button要素(push button)は汎用ボタンを作成します。input要素type属性の値に "button" を指定した場合と同様の働きをします。ただし、空要素の input要素とは異なり、button要素は内容を含むことができます。包含できる内容は a要素iframe要素、フォーム関連要素を除く(内包不可能を参照)、テキストや画像などのインライン内容からブロック要素まで何でも内容となります。button要素を使うことで、通常の押しボタンからイメージボタンまで様々なボタンを作成できるので表現力に優れています。

バージョン
要素型
インライン要素ブロック要素
開始タグ
必須
終了タグ
必須
非推奨
-
内包可能
内包不可能

button要素はインライン要素だけでなくブロック要素も内包することができる(a要素と iframe要素、フォーム関連要素を除く)のでブロックレベル・インラインレベルの両方を取ることができる要素型に分類されます。ただし、両方同時は不可能なためブロック要素の中で使われた場合は、インライン要素として扱われます。

disabled属性

バージョン
指定要素
必須
-
非推奨
-
属性値

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

name属性

バージョン
指定要素
button
必須
-
非推奨
-
属性値
文字列

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

type属性

バージョン
指定要素
button
必須
-
非推奨
-
属性値

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

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

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

value属性

バージョン
指定要素
button
必須
-
非推奨
-
属性値
文字列

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

その他の属性

共通属性
イベント属性
現在位置
  1. W3G
  2. XHTML
  3. HTML辞典
  4. button要素
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-09-20T23:28:30+09:00
更新
2008-12-29T04:27:08+09:00
URI
http://w3g.jp/xhtml/dic/button
検索

実績:大阪学院 入試サイト New! / 三田市民病院 / 神戸女学院大学 入試サイト / 釣りサンデー