button 要素 (HTML)

[4] HTML の button 要素は、ボタン制御子を作成します。

[5] 仕様書:

HTML 4 (Web Forms 1.0)
- 17.5 The BUTTON element IW:HTML4:"interact/forms.html#edef-BUTTON"
XHTML 1.0
- http://www.w3.org/TR/xhtml1/#prohibitions

状態: W3C 勧告
名前空間URI: http://www.w3.org/1999/xhtml
局所名: button (button (ボタン) より)
開始タグ: 必須
終了タグ: 必須
内容模型: (%flow;)* −(a | %formctrl; | form | fidleset | isindex | iframe | 画像写像)
出現できる文脈: %formctrl な文脈 (歴史的変遷: https://suika.suikawiki.org/www/2004/html/content-button)

属性

menu

`accesskey`	`%Character`			[HTML 4]
`class`			級	[HTML 4] %coreattrs
`datafld`			データ欄名	[HTML 4] 予約
`dataformatas`		`plaintext`	データ書式	[HTML 4] 予約
`datasrc`	`%URI`		データ源	[HTML 4] 予約
`dir`			書字方向	[HTML 4] %i18n
`disabled`	(真偽値属性)	(偽)	無効	[HTML 4]
`dojotype`				非標準	Dojo
`id`			一意識別子	[HTML 4] %coreattrs
`lang`			自然言語	[HTML 4] %i18n
`xml:lang`			自然言語	[XHTML 1]
`name`			制御子名	[HTML 4]
`onblur`	`%Script`		失焦点時	[HTML 4]
`onclick`				[HTML 4] %events
`ondblclick`				[HTML 4] %events
`onfocus`	`%Script`		得焦点時	[HTML 4]
`onkeydown`				[HTML 4] %events
`onkeypress`				[HTML 4] %events
`onkeyup`				[HTML 4] %events
`onmousedown`				[HTML 4] %events
`onmousemove`				[HTML 4] %events
`onmouseout`				[HTML 4] %events
`onmouseover`				[HTML 4] %events
`onmouseup`				[HTML 4] %events
`style`			スタイル情報	[HTML 4] %coreattrs
`tabindex`	`NUMBER`		タブ順	[HTML 4]
`title`			注釈的題	[HTML 4] %coreattrs
`type`		`submit`	ボタン種	[HTML 4]
`value`			提出ボタン初期値	[HTML 4]

内容

[7] 内容はボタンの札 (ラベル) になります。

[2] button 要素の子孫に画像写像を入れることは違法です HTML 4 17.5。

[3] button 要素の子孫に input, select, textarea, button, isindex, label, form, fieldset, iframe 各要素は存在できません。 XHTML 1.0

[37] op (独自XML名前空間)

処理

[8] 視覚 UA は、 button の周りに起伏をつけてレンダリングして、かちっにあわせて上下させて構いません。対して input によるボタンは平らな画像にレンダリングして構いません。 HTML 4 17.5

`HTMLButtonElement` インターフェイス

[18] Node, Element, HTMLElement

`createTextRange`	`HTMLButtonElement` (WinIE 4)
`form`	`HTMLButtonElement` (WinIE 4)
`name`	`HTMLButtonElement` (WinIE 4)
`onresize`	`HTMLButtonElement` (WinIE 4)
`status`	`HTMLButtonElement` (WinIE 4)
`type`	`HTMLButtonElement` (WinIE 4)
`value`	`HTMLButtonElement` (WinIE 4)

menu

例

[9] 絵つきボタンの例 HTML 4 17.5

 <FORM action="http://somesite.com/prog/adduser" method="post">
    <P>
    First name: <INPUT type="text" name="firstname"><BR>
    Last name: <INPUT type="text" name="lastname"><BR>
    email: <INPUT type="text" name="email"><BR>
    <INPUT type="radio" name="sex" value="Male"> Male<BR>
    <INPUT type="radio" name="sex" value="Female"> Female<BR>
    <BUTTON name="submit" value="submit" type="submit">
    Send<IMG src="/icons/wow.gif" alt="wow"></BUTTON>
    <BUTTON name="reset" type="reset">
    Reset<IMG src="/icons/oops.gif" alt="oops"></BUTTON>
    </P>
 </FORM>

この例は、代替文が不適切だと考えられます。非図形的 UA では例えば Send{wow} のような意味不明な表示になってしまいます。

[14]

<a href="intr/metal.mpg"><button type="button" name="video" value="push"  style="color=#FFFFFF; background-color: #FFFFCC; font-weight: bold;">
<p align="center">
<font size="3">金属工学科紹介ビデオ<br>(mpeg, 91.6MB)</font>
</button></a>
</p>

リンクをボタン風にしたかったのでしょうか・・・。

東京工業大学金属工学科･材料工学専攻(金属分野) (2006-12-27 16:07:51 +09:00 版) http://www.mtl.titech.ac.jp/metal-j.html

歴史

[38] Design Issues for HTML Forms, 1999-02-04T17:41:10.000Z, 2024-08-25T03:32:27.452Z https://www.w3.org/TR/WD-forms-960308.html

[216] HTML要素概説

要素名

button

日付

1996-03-08

説明

1996-03-08付 W3C 文書で button が提案されていた。

出典

Design Issues for HTML Forms, W3C, Working Draft, 08-Mar-96, 1999-02-04T17:41:10.000Z, 2024-08-25T03:33:02.026Z https://www.w3.org/TR/WD-forms-960308.html

参照

button

参照

doneinput

[42] Cougar にはなし。

[43] HTML要素概説

要素名

button

日付

1997-07-08

説明

1997-07-08の最初の HTML 4.0 公開版に button がある。 HTML4-19970708:Forms

出典

HTML4-19970708:Forms: Forms in HTML documents, HTML 4.0 Specification, W3C, 1997-07-08T12:32:52.000Z, 2024-10-05T07:19:36.891Z https://www.w3.org/TR/WD-html40-970708/interact/forms.html

メモ

[10] 提出ボタン (submit) についてはフォームの提出や input//submit や input//image の説明、再設定ボタン (reset) についてはフォームの再設定や input//reset の説明、押しボタンについては input/button の説明も参照してください。