web-dev-qa-db-ja.com

HTML5検索フォームは使いやすさの点で便利ですか

HTML5(htmlの新バージョン)には多くの新機能があり、それらの機能の1つは、通常の入力フィールドと基本的に同じである新しいタイプの入力があることです(タイトルを書き込むときに使用するような) SEで質問する)入力を開始すると、フォームの右側に小さなxが表示されることを受け入れます。そのxをクリックすると、フォームがクリアされます。そのためのHTMLコードは<input name="q" type="search">(Webkitブラウザーでのみサポートされています)。詳細については、このページを参照してください。 http://diveintohtml5.info/forms.html

現在、AppleがiTunesや他のアプリケーションのいくつかでそれを実行するという事実に加えて、そのような入力フィールドを持つことには使いやすさの利点があるのか​​と思っています。個人的には、それがhtml5仕様に含まれるのは時間の無駄です。なぜなら、それはそれほど大したことではないようです。

8
user4662

特定の入力が検索ボックスであることをブラウザーや他のWebに知らせることにより、ユーザーエクスペリエンスを向上させることができるいくつかの支援をユーザーに提供できます。クライアント側の場合、ブラウザーは検索履歴を提供できます(私は 検索入力要素の分析 からの画像を含めます)。また、入力時に結果をプリフェッチしたり、特定のUIなどを提供したりできます as chromeアドレスバーと連動

enter image description here

さらに、場所を示すために「映画」という用語を探すときにGoogleの結果がカスタム検索を統合するのと同じように、他のWebページが検索を統合する可能性があります。

enter image description here

8
Pau Giner

彼らは間違いなくモバイルデバイスの使用を容易にすることができます。残念ながら、現時点では、検索フィールドの全機能セットに対するモバイルデバイスのサポートは散発的です。たとえば、デスクトップSafariは「x」をサポートしていますが、モバイルSafariはサポートしていません。

今後、ほとんどのHTML5入力フィールドの主な利点は、ブラウザのネイティブ入力コントロールを活用できることです。これは、使用している特定のデバイス用に理想的に設計されます。

2
DA01

これらの新しい入力タイプのメリットを逃したかもしれません。

Pauが指摘するように、それらはフォームの「accessibility」を拡張します。検索タイプは、異なるUIを適用するだけではありません。検索フィールドを開発または最適化しようとした開発者に、履歴機能を提供するよう依頼してください。ほとんどの場合、簡単に実行できますが、うまく実行するのは非常に難しいと言われます。この検索入力により、非常に多くのバックエンドコーディング。

Html 5の他の新しいフォーム属性は、特にモバイルで非常に役立ちます。詳細は続ける価値があり、私たち全員が設計するエクスペリエンスが拡張機能を利用できるようにします。

1
Adam Fellowes