button
ボタン
<button></button>
汎用的なボタンを作成する要素です。
input要素のボタンとは異なり、この要素では内容を持つことができます。
内容には別の要素も配置できるので、例えば画像や強調文字などをボタンのラベルとして表示することが可能になります。
<p><button type="button">ボタンの内容</button></p>
属性 | 説明 | 値 | 説明 |
---|---|---|---|
任意属性 | |||
type | ボタンの形式 | submit | 送信ボタン (初期値) |
reset | リセットボタン | ||
button | 汎用ボタン | ||
name | ボタンの名前 | 文字列 | ボタンを識別するための名前 |
value | ボタンの初期値 | 文字列 | 送信されるデータ |
disabled | ボタンの無効化 | (disabled) | 値は省略 |
- この要素がform要素内に配置されている場合は、name属性の有効範囲はそのform要素内に限られます。
- name属性の値は、value属性の値とセットで送信されることになります。
- disabled属性が指定されたボタンは、選択やクリックができなくなり、データも送信されなくなります。
- disabled属性は、値を省略して記述します(XHTMLでは省略不可)。
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- accesskey
- tabindex
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup
- onfocus
- onblur
<button type="submit"><img src="submit.gif" alt="送信"></button>