web-dev-qa-db-ja.com

ブラウザとカスタムオートコンプリート機能を最適に組み合わせる方法は?

住所フォームを作成する場合、一部の外部APIからロードされた都市名と通り名にオートコンプリート機能を提供するのが一般的です。これを組み込みブラウザautocomplete="on"と組み合わせるにはどうすればよいですか?

私がインターネットフォームで見つけたのは主に機能をオフにすることだけです。例として gumtree.com Webサイトを見てみましょう。

enter image description here

私は個人的に、オートコンプリート設定をある程度設定したユーザーとして、すべてのレンタル、勤務先、および自宅の住所を可能な限り追加して使用するため、アンチパターンであると考えています。


私が思うのは解決策です(それが実際に機能するかどうかを確認していませんでした、それは単に計画段階です):

  • カスタムオートコンプリートAPI呼び出しは3文字で始まります(都市/通り)
  • 空の入力に焦点を合わせる-ブラウザーのオートコンプリートがオンになっている
  • 入力を開始して3文字に達する-ブラウザのオートコンプリートがオフになり、カスタム文字に置き換えられます

私のアプローチについてどう思いますか?何か良いことはありますか?これらの機能がきちんと組み合わされているウェブサイトを知っていますか?

1
wscourge

フォームとその目的によって異なります。 gumtreeのようなケースでは、オートコンプリートが興味深い命題になる場合があります。不動産リストや旅行ウェブサイトの場合、他の場所を探している可能性があるため、それほどではありません。

ユーザーが望むであろうヒューリスティックなショートカットをユーザーに提供したいとします。小売のような場合、あなたの現在の場所と過去の履歴は良い予測因子です。オートコンプリートの他の値(職場の住所、両親の自宅など)は、あなたを混乱させる可能性があります。

技術的には、オートコンプリート以外に考えられる解決策として、ジオロケーションや検索履歴(リピーター向け)がいくつかあります。

これら2つをブレンドして、オートコンプリートで許可されないアルゴリズムに組み込むこともできます。

  • 「L」と入力して「リバプール」を以前に使用した場合は、最初のオプションとしてそれを自動的に提供できます。
  • 「Lo」と入力して、現在北アイルランドにいる場合、「London」の前に「Londonderry」が表示されることがあります。
1
Tim FitzGerald