テキストフィールドのオートコンプリート

テキストフィールドのオートコンプリート

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

インターネットユーザーが怠惰であることは科学的に証明されています(もちろん、あなたは他のインターネットユーザーです)。 たとえば、雇用申請書に国名全体を入力させると、一部のユーザーはフォームに入力できない場合があります。 これは、モバイルデバイスでフォームに入力する場合に特に当てはまります。 この記事では、フォームのテキストフィールドにオートコンプリートを構成することで、ユーザーの生活をより簡単にする方法を学びます。

ユーザー入力をガイドするために、データプロバイダーで選択フィールドを使用しないのはなぜですか? データプロバイダーがすべての可能なフィールドエントリを網羅できない場合があります。 たとえば、データプロバイダーに古い海のプラットフォーム設立された神話の国が

含まれていない場合、その国のユーザーは選択フィールドに何も入力できません。 または、オートコンプリートでテキストフィールドを使用して、ユーザーが国の名前を入力し始め、表示されたときにリストから選択できるようにすることもできます。 オートコンプリートでは、テキストフィールド(検証基準を満たすすべての応答を受け入れます)と一般的な選択肢を組み合わせて選択します。 それは双方に有利な状況です。

オートコンプリートの構成

テキストフィールドのオートコンプリートを設定する前に、 フォームを作成し、テキストフィールドを追加します。 オートコンプリートオプションをRESTデータプロバイダーで入力する場合は、フォームを作成する前に に設定します。 これで、フィールドのオートコンプリートを構成する準備ができました。

  1. フィールド設定サイドバーで、[ プロパティ ]タブをクリックします。

  2. Autocomplete スイッチャーをクリックして有効にします。

  3. データプロバイダーを選択するか、手動で作成します。 RESTサービスからデータプロバイダーをセットアップするか、ユーザーがテキストフィールドへの入力を開始したときに表示されるオプションを手動で入力できます。

  4. フォームを保存して発行します。

図1:手動データプロバイダーを構成して、ユーザーが選択できるオプションを指定できます。

ユーザーがフィールドにテキストを入力し始めると、オプションの選択リストが表示されます。 追加のテキストを入力すると、リストは絞り込まれ、現在入力されているテキストを含むオプションのみが含まれます。 たとえば、シーランドの架空のユーザー(2人全員)は、 S入力することで、しぶしぶ自分の出身国を入力し始めます。 彼らは、選択の便宜のために S の文字を含む多くの国が表示された選択リストを見ると喜んでいます。 入力を続けて eと入力すると、リストは名前に se が含まれるオプション(セルビアやセネガルなど)に絞り込まれます。 入力を続けて aと入力すると、データプロバイダーにある場合、シーランドという1つのオプションのみが表示されます。 最初の3文字を入力した後でリストから選択することは、残りの文字を入力するよりもはるかに簡単です。

図2:オートコンプリートでフィールドに入力すると、構成されたデータプロバイダーからの選択リストがユーザーに表示されます。 表示された結果は、ユーザーが入力したテキストを含む選択のみを含むようにフィルタリングされます。

フォームチームは次に何を考えますか? Formsアプリケーションへのテレパシー接続を構成すると便利です。 そうすれば、ユーザーは自分のフォームフィールドエントリが存在するように考えることができます。 乞うご期待。

« フォームの翻訳フォーム成功ページ »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています