searchbox

<input type=search> (HTML)

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

仕様書

レンダリング

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

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

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

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

歴史

Safari

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

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

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

HTML5

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

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

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

[3] <input type=search> (Ian Hickson <ian@...> 著, 版) <http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/16723>

[4] (X)HTML5 Tracking ( 版) <http://html5.org/tools/web-apps-tracker?from=2428&to=2429>

[5] Safari Dev Center: Safari HTML Reference: Supported Input Values ( 版) <http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/InputTypes.html#//apple_ref/doc/uid/TP40008055-SW15>

[6] Opera: Opera 11.00 for Windows changelog ( (Frank M. Palinkas, Technical Writer, Opera Software ASA 著, 版)) <http://www.opera.com/docs/changelogs/windows/1100/>

ARIA

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

[8] Modify the description of the new "searchbox" role and identify as AR… · w3c/aria@d87f6e8 ( 版) <https://github.com/w3c/aria/commit/d87f6e892eb47ca1fe24e96b3075796de685b42a>

[9] ISSUE-523/ACTION-1342: Add "searchbox" role to ARIA · w3c/aria@1333300 ( 版) <https://github.com/w3c/aria/commit/1333300a9cb53b338f817ab2b380fb87aba36489>

[7] <input type=search> needs box-sizing: border-box · whatwg/html@159cc6e ( 版) <https://github.com/whatwg/html/commit/159cc6e890e1f40de9be58bd3bb6435395f74d6b>