HOME > HTMLリファレンス [ABC順 / 目的別] > <BUTTON>
<BUTTON>
ボタンを作成する
形式 ・ 説明
<BUTTON> 〜 </BUTTON>
- <BUTTON> 〜 </BUTTON> は、はさんだ内容(HTMLの文章や画像)をボタンにする。
(指定どおりに表示されるのはIEのみ) - 未対応ブラウザでは、<BUTTON> 〜 </BUTTON> 内に記述した内容のみが表示される。
- 機能的には <INPUT> とほとんど同じはたらきをする。
<BUTTON> は画像つきで普通のボタンやリセットボタンも作成できる。
タグの形式
- 省略不可 ( 開始タグ : 必須 / 終了タグ : 必須 )
<BUTTON>〜</BUTTON>の中で使える要素
- インライン要素 / ブロック要素
- <A>、<FORM>、<INPUT>、<SELECT>、<TEXTAREA>、<LABEL>、<BUTTON>、<FIELDSET>、<IFAME>、<ISINDEX> は除く
ボタンに関する属性
- type="ボタンの種類" ・・・ ボタンの種類を指定する。
-
submit ... 送信・実行ボタンを作成。CGIなどのデータの受け渡しとかに使う。
reset ... リセットボタンを作成。
button ... 普通の押しボタンを作成。HTMLの飾りとして使う場合など。
-
submit ... 送信・実行ボタンを作成。CGIなどのデータの受け渡しとかに使う。
- value="ボタンの初期値" ・・・ サーバーに送信される値を指定する。
- name="名前" ・・・ 送信するデータのフィールド名を指定する。(CGIの動作やスクリプトなどで使ったりする)
- accesskey="英数字" ・・・ ショートカットキーを指定。
- tabindex="数字" ・・・ Tabキーを押した際のフォーカス移動順を指定。
- disabled ・・・ 無効。入力を受け付けないように指定。
一般属性
使用例
HTMLソース
<BUTTON type="button" onClick="alert('ボタンが押されました')"> <BR>こんなふうに画像もOK<BR> <IMG src="ya.gif" alt="画像" width="9" height="9"><BR><BR> </BUTTON>