H5 input type='search' では検索が表示されません solution_html/css_WEB-ITnose

IOS (iPad、iPhone など) システムのブラウザで H5 ページを開きます。

<input type="search" name="search” id="search">

上記のデバイスのキーボードにはまだ「改行」が表示されます。

解決策は次のとおりです: 入力の外側にフォームのレイヤーをネストします:

<form action="">    <input type="search" name="search" id="search"></form>

フォームにはアクションが必要です。

入力の送信ロジックに影響を与える可能性があるため、アクションが不要な場合は、onsubmit onclick およびその他のメソッドを書き換えてそれを実現できます。

単純なメソッド、action="javascript:return true;" を使用することもできます。