web-dev-qa-db-ja.com

iPhone / iPad Safariキーボードに「検索」ボタンを表示する

DellやGoogleなどのWebサイトで、iPhoneの検索テキストボックスにキーボードで入力すると、通常のフォームに表示される標準の[移動]ボタンの代わりに青い[検索]ボタンが表示されることがわかりました。

検索ボタンを表示するにはどうすればよいですか?

37
Javier Marín

この動作に影響を与えるには:

<input type="search" />

JS Binデモ

submitボタンのテキストが「ケトル」であることを無視します。iOSキーボードのテキストに影響する送信ボタンではないことを確認したいだけです。

もちろん、これは下位互換性があります。なぜなら、ブラウザはtype="search"のデフォルトはtype="text"、これは forward-planning html5 forms の作成に役立ちます。

32
David Thomas

type = "search"は通常、ソフトウェア検索キーボードを表示するために必要なすべてですが、iOS8ではaction属性。

そのため、次のコードには「戻る」ボタンのあるソフトウェアキーボードがあります

<form>
    <input type="search" />
</form>

ただし、このコードには青色の「検索」ボタンが必要です

<form action=".">
    <input type="search" />
</form>
81
Anton Bielousov

で検索ボタンを取得できませんでした

<input type="search" />

しかし、私はそれを表示するようにしました

<form>
    <input name="search" />
</form>
27
Tim

IOS 8では、次のいずれかの方法でキーボードの青い「検索」ボタンを有効にできます。

  • 入力名=検索を追加
  • 入力タイプを追加=検索
  • iDに大文字と小文字を区別する単語「search」を含む入力にidを追加します(例:the-searchまたはthesearchgod)
4
dillqvist