Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB DESIGN] Safariユーザーのための角丸検索フォーム

  • Pocket
  • このエントリーをはてなブックマークに追加

そういやこの作業してなかった、と急に思い出して昨日作業しました。ブログ内検索のための検索フォームを、Safariユーザーにとって使いやすい形にするという簡単な作業なんだけど、今後の備忘録も兼ねて紹介しておきます。検索フォームの入力欄にちょっと修正加えるだけで簡単にできます。多分ポータルサイト運用のブログでもできるんじゃないかな。



入力フォームに以下の3要素を追加します。基本的にはtype=”search”を記述するだけで角丸フォームになるんだけど、resultsで履歴保存の件数を、autosaveでサイトの固有IDみたいなものを指定するようです。autosaveには自分のブログURLでも突っ込んでおけばいいと思います。

<input type="search" results="10" autosave="なんとか.com">

この作業をしたところでSafariユーザー以外には何の効果も得られませんが、まぁ自分の場合マックユーザーとしての自己満足でしょうか。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください