Input type=search

下のエントリの後何となくいろんなところを見てたら、input に search というタイプがあるというのを知りました。

<input type="search" name="foo" 
        results=10 autosave="hogehoge" placeholder="ふがふが">

Safariの独自拡張で、テキストフィールドが角丸の検索窓になります。results と autosave を指定すると、虫眼鏡のアイコンが出て、検索履歴が保存されるようになります。placehoder はグレーのテキストで検索窓に最初から表示される文字を指定します。

もともと(今も?)Dashboard widget用に拡張したものらしいですが、通常のWebサイトでも便利に使えます。他のブラウザにそのまま渡すと、通常のテキストフィールドとして扱われるみたいです。Valid HTML になりませんが、、これは使いたいですね。