どのように虫めがねを置いて、stackoverflowの検索ボックスに「検索」しましたか？

CSSだけでは可能かもしれないが、誰かがコードを共有できるかどうかを知りたい。どのように虫めがねを置いて、stackoverflowの検索ボックスに「検索」しましたか？

推測虫眼鏡は背景画像ですが、フォーカスを "検索"するにはjavascriptが必要です。

また、「検索」送信ボタンが必要ではなく、「戻る」を押すとどうやって提出するのですか？

2009-04-02 AFG

表示 - >ページソース。

真剣に、それはすべてです。そこ

2009-04-02 20:36:27

無関係な回答、これは役に立ちません –

@franko_camronなぜこの答えは無関係であると考えられていますか？同時に2分後に[回答]（https://stackoverflow.com/a/711526/1429387）実際には同様の解決策を示唆しているが、20ポイントを獲得し、最も賞賛されたものとなるだろうか？ – naXa

いくつかの質問：

フォームで入力を入れた場合、戻り値にサブミット、およびブラウザをEnterキーを押し、入力が、デフォルトでフォームを送信すると述べた上でフォーカスを持っています。
テキストマスキング。 jqueryやその他のフレームワークで簡単にこれを行うことができます。本質的にはフォーカスのテキスト "検索"は削除されますが、そのテキストのみが削除されますので、 "foo"のようなものがあれば置き換えません。あなたのテキストのマスキングのニーズに

2009-04-02 20:37:34

関与する複数の要素があります。

Chrome DevTools（F12）を使用してこれらの検査を行います。

2009-04-02 20:38:40 Tom

IE 8のソースは実際にはかなり良いです。 – rism

Firebugの同意 – Benry

今日、 'placeholder'属性を持つ' input [type = "search"] '要素を使うべきです。 – alex

新しいinputタイプを使用することができます。

<input type="search" placeholder="Search" results="0" />

'results'属性はWebKitブラウザに虫めがねのアイコンを追加します。

2012-05-10 07:48:52 alex

MDNはhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/Inputというtype = "search"はIE 10+でのみサポートされています –

この機能はChromeで廃止されました他のブラウザではそれを捕まえていません。下記を参照してください：https://www.chromestatus.com/features/5738199536107520 –

今、かなり良いサポートがあるようです：https://caniuse.com/#feat=input-search – Hozefa

答えて