Edit

Page

Page title:

Page body:

[15] [CODE(HTML)@en[input]] [[要素]]の [CODE(HTMLa)@en[type]] [[属性]]の値
[DFN[[CODE(HTML)@en[search]]]] は、[[検索]]のための[[テキスト入力]]の[[制御子]]を表します。

* 仕様書

[REFS[
- [10] [CITE@en-US[Accessible Rich Internet Applications (WAI-ARIA) 1.1]] ([TIME[2015-05-27 23:06:49 +09:00]] 版) <http://w3c.github.io/aria/aria/aria.html#searchbox>
]REFS]

* レンダリング

[16] かつては[[検索]]用の文字列入力には特別な[[ウィジェット]]は用意されていないのが普通でしたが、
00年代半ば頃から、通常のテキスト入力とは少し違った表示とする[[プラットフォーム]]が増えてきました。
[CODE(HTML)@en[<input type=search>]] もそれに伴い導入されたもので、
また逆にそれによって各[[プラットフォーム]]への検索入力[[制御子]]の導入が促進された面もあるかもしれません。

[18] [[プラットフォーム]]によっては、 (通常のテキスト入力とは異なり)
入力を消去する「×」ボタンを脇に[[レンダリング]]します。

[17] [[Webブラウザー]]は、検索用テキストであることを通常のテキスト入力とは異なる[[自動補完]]の[[ヒント]]に使うかもしれません。

[19] [[プラットフォーム]]によっては、[[既定ボタン]]の[[クリック]]に相当するボタンを表示しているかもしれません。

* 歴史

** Safari

[13] [CODE(HTML)@en[<input type=search>]] は [[Safari]] ([[WebKit]]) が最初に実装しました。

[11] [CITE[なつみかん。 | Safari限定、input type=”search”]] <http://tangerine.sweetstyle.jp/?eid=362925>

[12] [CITE[Surfin' Safari]] <http://weblogs.mozillazine.org/hyatt/archives/2004_07.html#005890>

** HTML5

[14] [CODE(HTML)@en[<input type=search>]] は [[Web Forms 2.0]] にはありませんでしたが、
後に [[HTML5]] に追加されることになりました。

[1]
[CITE[Search control]] ([CODE[2007-06-28 09:25:42 +09:00]] 版) <http://simon.html5.org/temp/search-control.htm>
([[名無しさん]] [TIME[2007-06-28 14:00:45 +00:00]])

[2]
[CITE[HTML5 IRC logs: freenode / #whatwg / 20070628]] ([TIME[2007-06-28 23:01:07 +09:00]] 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20070628#l-52>
([[名無しさん]] [WEAK[2007-06-28 14:02:16 +00:00]])

[3] [CITE[<input type=search>]] ([[Ian Hickson <ian@...>]] 著, [TIME[2008-11-22 02:14:04 +09:00]] 版) <http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/16723>

[4] [CITE@en[(X)HTML5 Tracking]]
([TIME[2009-08-29 19:34:45 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=2428&to=2429>

[5] [CITE@en[Safari Dev Center: Safari HTML Reference: Supported Input Values]]
([TIME[2010-03-20 18:30:44 +09:00]] 版)
<http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/InputTypes.html#//apple_ref/doc/uid/TP40008055-SW15>

[6] [CITE@en[Opera: Opera 11.00 for Windows changelog]]
( ([[Frank M. Palinkas, Technical Writer, Opera Software ASA]] 著, [TIME[2011-04-24 11:17:12 +09:00]] 版))
<http://www.opera.com/docs/changelogs/windows/1100/>

** ARIA

[5] [[ARIA]] は 1.1 で [CODE(HTML)@en[[[role]]=[DFN[[[searchbox]]]]]] [SRC[>>3]]
を追加しています [SRC[>>3]]。 [[HTML]] の [CODE(HTML)@en[[[<input type=search>]]]]
を元にしたとありますが [SRC[>>3]]、既に [[HTML]] にある機能を敢えて重複して追加する必要性があるのか謎です。

[REFS[
- [4] [CITE@en[ISSUE-523/ACTION-1342: Add "searchbox" role to ARIA · w3c/aria@1333300]] ([TIME[2015-05-30 22:51:12 +09:00]] 版) <https://github.com/w3c/aria/commit/1333300a9cb53b338f817ab2b380fb87aba36489>
- [6] [CITE@en[Modify the description of the new "searchbox" role and identify as AR… · w3c/aria@d87f6e8]] ([TIME[2015-05-30 22:53:52 +09:00]] 版) <https://github.com/w3c/aria/commit/d87f6e892eb47ca1fe24e96b3075796de685b42a>
]REFS]

[8] [CITE@en[Modify the description of the new "searchbox" role and identify as AR… · w3c/aria@d87f6e8]]
([TIME[2015-09-22 11:09:44 +09:00]] 版)
<https://github.com/w3c/aria/commit/d87f6e892eb47ca1fe24e96b3075796de685b42a>

[9] [CITE@en[ISSUE-523/ACTION-1342: Add "searchbox" role to ARIA · w3c/aria@1333300]]
([TIME[2015-09-22 11:09:50 +09:00]] 版)
<https://github.com/w3c/aria/commit/1333300a9cb53b338f817ab2b380fb87aba36489>

[7] [CITE@en[<input type=search> needs box-sizing: border-box · whatwg/html@159cc6e]]
([TIME[2015-08-29 01:09:14 +09:00]] 版)
<https://github.com/whatwg/html/commit/159cc6e890e1f40de9be58bd3bb6435395f74d6b>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)