<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code> 要素は、 <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code>
属性が <dfn><code class="HTML">button</code></dfn> の時、<dfn>押しボタン制御子</dfn>となります。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor> (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Forms 1.0</anchor>)<ul><li>push buttons <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;interact/forms.html#push-button&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:HTML4:&quot;interact/forms.html#push-button&quot;</anchor-external></li><li>17.4 The <code class="HTMLe">INPUT</code> element
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;interact/forms.html#edef-INPUT&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:HTML4:&quot;interact/forms.html#edef-INPUT&quot;</anchor-external></li></ul></li></ul></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> 属性:<table><tbody><tr><td>属性名</td><td>属性値</td><td>既定値</td><td>説明</td><td>出典</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">accesskey</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Character</anchor></code></td><td></td><td></td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">align</anchor></code></td><td></td><td></td><td>配置</td><td>[HTML 4] 非推奨</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">class</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">級</anchor></td><td>[HTML 4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">coreattrs</anchor></td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">dir</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">書字方向</anchor></td><td>[HTML 4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">i18n</anchor></td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">disabled</anchor></code></td><td>(真偽値属性)</td><td>(偽)</td><td>無効</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">id</anchor></code></td><td></td><td></td><td>一意識別子</td><td>[HTML 4] %coreattrs</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">lang</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">自然言語</anchor></td><td>[HTML 4] %i18n</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">xml</anchor>:lang</code></td><td></td><td></td><td>自然言語</td><td>[XHTML 1]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">language</anchor></code></td><td></td><td></td><td>スクリプト言語</td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 4</anchor>+</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">name</anchor></code></td><td></td><td></td><td>制御子名</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onblur</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td></td><td>焦点を失した時</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onclick</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">events</anchor></td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ondblclick</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onfocus</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td></td><td>焦点を得た時</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeydown</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeypress</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeyup</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmousedown</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmousemove</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseout</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseover</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseup</anchor></code></td><td></td><td></td><td></td><td>[HTML 4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">style</anchor></code></td><td></td><td></td><td>スタイル情報</td><td>[HTML 4] %coreattrs</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tabindex</anchor></code></td><td><code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">NUMBER</anchor></code></td><td></td><td>タブ順</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">title</anchor></code></td><td></td><td></td><td>注釈的題</td><td>[HTML 4] %coreattrs</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code></td><td><strong>button</strong></td><td><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code></td><td>制御子の種類</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">value</anchor></code></td><td></td><td></td><td>初期値</td><td>[HTML 4]</td></tr></tbody></table></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>名前</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> 制御子名は <code class="HTMLa">name</code> 属性によって指定します。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>初期値, 現在値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">初期値</anchor>は <code class="HTMLa">value</code> 属性によって指定します。</p></section><section><h1>成功</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <cite xml:lang="en">Button Element in IE8</cite> (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Travis Leithead</anchor> 著, <time>2008-12-17 09:13:53 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://lists.w3.org/Archives/Public/public-html/2008Dec/0155.html" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI">http://lists.w3.org/Archives/Public/public-html/2008Dec/0155.html</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <cite xml:lang="en">Re: Button Element in IE8</cite> (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Ian Hickson</anchor> 著, <time>2008-12-17 10:52:24 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://lists.w3.org/Archives/Public/public-html/2008Dec/0161.html" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI">http://lists.w3.org/Archives/Public/public-html/2008Dec/0161.html</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <cite xml:lang="en">Forms in HTML documents</cite> (<time>1999-12-25 08:25:52 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;interact/forms.html#h-17.13.2&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:HTML4:&quot;interact/forms.html#h-17.13.2&quot;</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> なんと、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML4</anchor> に従うと <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code> <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code>
<code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">button</anchor></code> は押されなくても<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">提出</anchor>される対象になります。</p></section><section><h1>既定動作</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> 押しボタンには既定の動作は規定されていません。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクリプト</anchor>を関連付けて、ボタンが押された時などに実行させることができます。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.2.1</src></p></section><section><h1>レンダリング</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> 押しボタンの<ruby>札<rt>ラベル</rt></ruby>には <code class="HTMLa">value</code>
属性値を使うべきです。 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.4.1</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>関連</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> 押しボタンは <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">button</anchor></code>
要素でも定義できます。 (<code class="HTMLe">button</code> 要素の方が新しい分高機能です。)</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>メモ</h1></section></body></html>