例

[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>

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

メモ

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

[11] 猫式Webメモ http://d.hatena.ne.jp/nekoshiki/20040601#p1

押すか押さないかに関わらず全てのボタンに割り当てられたフォームデータを送信してしまう。

[12] Reread : IE の button 要素の扱いがあまりに酷い件 http://text.readalittle.net/article.php?id=81 (名無しさん [sage])

[13] 2005/02/19 自宅 「<button> と MSIE の関係に疲れ果てる」 (2005-02-21 23:21:32 +09:00 版) http://fromto.cc/hosokawa/diary/2005/20050219-home/ (名無しさん)

[15] HTML5 IRC logs: freenode / #whatwg / 20070414 (2007-04-14 17:00:39 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20070414#l-140 (名無しさん 2007-04-14 08:26:11 +00:00)

[16] Particletree &#187; Rediscovering the Button Element (2007-05-17 19:51:47 +09:00 版) http://particletree.com/features/rediscovering-the-button-element/ (名無しさん 2007-05-17 11:20:23 +00:00)

属性値

[75] この属性は列挙型です。

[76] この属性は省略可能です。省略時の既定値は submit です。

実装

[78] Index of /~wakaba/-temp/test/dom/html-button-element/type (2008-12-16 10:21:40 +09:00 版) https://suika.suikawiki.org/~wakaba/-temp/test/dom/html-button-element/type/

[79] type DOM属性に値を設定 (set-1.html): Firefox、Opera は PASS。WinIE7 は値を設定するところで実行時エラー。 Safari 3.2.1 と Chrome 0.4.154.29 はエラーにはならないが、属性値は変化しない。

[80] setAttribute を使って type 内容属性に値を設定 (set-attribute-1.html): 全ブラウザ PASS。

メモ

[77] input 要素の type 属性 と値をあわせたのでしょうが、 <button type="button"> というのは格好が悪い。

HTML5

[40] [] (0) WF2: <button> element summary, fixes to <input> to correct cop…, Hixie, 2008-09-03 20:05:36 +09:00, 2024-09-04T13:02:10.000Z https://github.com/whatwg/html/commit/fe5d39724d647c0ab3d7bb11f9149800c9edd7bd

[81] Web Applications 1.0 r5293 Forgot to remove <button> from the main scoping list. Please let me know ASAP if this change breaks anything.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10223 ( (2010-08-17 03:27:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=5292&to=5293

[82] [whatwg] Alignment of empty buttons ( (2013-07-13 09:28:35 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-July/040046.html

[83] XML Binding Language (XBL) 2.0 ( (2007-03-16 22:20:16 +09:00 版)) http://www.w3.org/TR/2007/CR-xbl-20070316/#button

[84] 1089326 – event.target refers to parent BUTTON instead of clicked IMG when IMG is child of BUTTON (Selecting different views of the product is not possible in www.myntra.com) ( (2014-12-23 12:32:59 +09:00 版)) https://bugzilla.mozilla.org/show_bug.cgi?id=1089326

[17] Remove the concept of CSS Bindings (annevk著, 2016-07-08 02:00:41 +09:00) https://github.com/whatwg/html/commit/6c96beabfa41d6d28ab23633966b82c5cdb9fd94

[19] Remove <button type=menu> (domenic著, 2017-02-09 23:55:10 +09:00) https://github.com/whatwg/html/commit/916e1b9f6bea48cb117ddd056ea025adaa629384

[21] <a>か<button>か - hitode909の日記 (2017-12-07 17:56:21 +09:00) http://blog.sushi.money/entry/2017/12/07/141717

[22] Fix form inheritance behavior for autocapitalize (rlanday著, 2018-01-25 08:58:12 +09:00) https://github.com/whatwg/html/commit/b7c21b1b56d77215d3d85ae14a072c090dbe6266

[23] Editorial: always state invalid value default (GloverDonovan著, 2018-03-05 13:36:29 +09:00) https://github.com/whatwg/html/commit/7e941ae96b264d4743ea0afac00c3b3209ab0cde

[24] Queue a task to run all the autofocusing steps (domenic著, 2018-03-07 14:32:39 +09:00) https://github.com/whatwg/html/commit/185190cac859144cfcd78248b906f3adae1f0594

[25] <button> should be transparent content model like <a> · Issue #3765 · whatwg/html (2018-06-27 13:44:25 +09:00) https://github.com/whatwg/html/issues/3765

[26] Define button layout (zcorpan著, 2019-05-14 22:52:17 +09:00) https://github.com/whatwg/html/commit/6780c22fccb41f5d84aa079d2644c79b1acdc5eb

[27] Define that button text is centered vertically · Issue #1024 · whatwg/html (2019-12-06 16:58:42 +09:00) https://github.com/whatwg/html/issues/1024

[28] HTML spec is unclear about how buttons are sized in non-inline contexts (and browsers disagree) · Issue #2948 · whatwg/html (2019-12-06 16:59:00 +09:00) https://github.com/whatwg/html/issues/2948

[29] Rendering rules for buttons · Issue #4081 · whatwg/html (2019-12-06 16:59:39 +09:00) https://github.com/whatwg/html/issues/4081

[30] Default 'display' value for form controls · Issue #4082 · whatwg/html (2019-12-06 17:00:46 +09:00) https://github.com/whatwg/html/issues/4082

[31] 962936 - Implement button layout per HTML rendering spec - chromium - An open-source project to help move the web forward. - Monorail (2019-12-06 17:01:51 +09:00) https://bugs.chromium.org/p/chromium/issues/detail?id=962936

[32] 197879 – Implement button layout per HTML rendering spec (2019-12-06 17:02:08 +09:00) https://bugs.webkit.org/show_bug.cgi?id=197879

[33] 1539469 - Make <input> elements display: inline-block by default (was: Fix WPT: testing/web-platform/tests/html/semantics/forms/the-input-element/input-width.html) (2019-12-06 17:02:19 +09:00) https://bugzilla.mozilla.org/show_bug.cgi?id=1539469

[34] Define button layout by zcorpan · Pull Request #4143 · whatwg/html (2019-12-06 17:02:53 +09:00) https://github.com/whatwg/html/pull/4143

[35] Do not inherit text-transform (et al.) on form controls (jugglinmike著, 2019-08-29 19:14:53 +09:00) https://github.com/whatwg/html/commit/b9997b7488a3b35515c30bb1627d361053cf2c2f

[36] Define what tabIndex returns when the tabindex attribute is not set (rakina著, 2019-07-10 03:13:55 +09:00) https://github.com/whatwg/html/commit/15cf23a55d629e0b1286302c19634833a89292ab