文書型 | 適用 | 子要素 | 開始タグ | 終了タグ | 分類 |
---|---|---|---|---|---|
Strict | ○ | インライン要素 ブロックレベル要素(a要素 input要素 select要素 textarea要素 label要素 button要素 form要素 fieldset要素を除く) | 必須 | 必須 | インライン要素 |
Transitional | ○ | インライン要素 ブロックレベル要素(a要素 input要素 select要素 textarea要素 label要素 button要素 form要素 fieldset要素 isindex要素 iframe要素を除く) | |||
Frameset | ○ |
tabindex="0"
を指定した要素やtabindex属性を持たない要素は、tabindex属性の値が最も大きい要素にフォーカスが移動した後、順番に選択されます。ボタンを作るための要素です。input要素でもボタンをつくることができますが、button要素の場合は中身がボタンのラベルになります。button要素の中身にはブロックレベル要素・インライン要素を含めることができるので、画像やテキストなど様々な要素をボタンの上に表示させることができます。
button要素でもinput要素と同じように、type属性でボタンの種類を指定できます。submit
が送信ボタン、reset
がリセットボタン、button
が普通のボタンになります。
<p>
<button type="button">
<img src="btn.png" alt="画像ボタン">
</button>
</p>
<!ELEMENT BUTTON - -
(%flow;)* -(A|%formctrl;|FORM|FIELDSET)
-- push button -->
<!ATTLIST BUTTON
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #IMPLIED
value CDATA #IMPLIED -- sent to server when submitted --
type (button|submit|reset) submit -- for use as form button --
disabled (disabled) #IMPLIED -- unavailable in this context --
tabindex NUMBER #IMPLIED -- position in tabbing order --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
>