Safari独自実装のinput type=”search”のような検索窓を実装する
先日、iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアルを書いたのですが、どうやらSafariの独自実装でinput type=”search”というのがあるんですね。全然知らなかった…じゃあいっそのことplaceholderも付けてinput type=”search”っぽくしてみようということで、delval.jsをちょちょっと変えてinput type=”search”ぽい検索窓を実装してみます。これもかなり簡単にできるので、じゃあチュートリアル…？？
左が今回作ったサンプルで、右がSafari独自実装のinput type=”search”。そっくり！
サンプル – サンプルの下にあるINPUTをSafariで見ると…！
サンプルファイルのダウンロード
