Safariで検索フォームをちょっと素敵に。

Safari でちょっとした小ネタを発見。

HTMLのinputで、typeを search にすると、 角丸のいい感じのテキストエリアに変身してくれるっす。

さらに resultsautosave を追加すると、 履歴をちゃんと保持してくれるようになる。 results で履歴を保持する数を指定し、 autosave で保存するユニークなID?を指定するみたい。 実際にドコに保存されるかまでは未調査っす。

こんな感じに書くと、

<input type="search"
       results="10"
       autosave="example.com">

こんな感じになるよ。

search_input

Safari (ってか Webkit ?)でしか意味ないけど、 こういうのちょっと素敵。 Firebugで見てもエラー吐かなかったので、 とりあえず良し。

Posted at: 
2007/11/04 23:55:38
0 Comments
0 TrackBacks
Tags: 
design
Safari
Trackback: 
http://humming.via-kitchen.com/2007/11/04/tips-for-search-form-on-safari/trackback/

TrackBacks

まだ登録されていません。

Comments

まだ登録されていません。

Add Comment

Add Comment