フィールドの自動補完

Forms アプリケーションでフォーム フィールドの自動補完を設定できます。

自動補完タイプ	設定	フィールドタイプ
手動	自動補完オプションのリストを入力してください	テキスト
データ提供者	自動補完オプションを提供するためのAPIを呼び出す	テキスト
ブラウザの自動補完	オートコンプリート HTML 属性を設定する	日付 数値 テキスト

手動自動補完

1. フォーム アプリケーションに移動します。 サイトメニュー → コンテンツ & データ → フォームを開きます。

2. フォームとテキスト フィールドを追加します。

3. テキスト フィールドの構成サイドバーで、ユーザーがフィールドに入力するときに表示されるオプションを追加します。

4. フォームを保存して公開し、オートコンプリートが機能していることを確認します。

   

データプロバイダーからの自動補完

1. フォーム アプリケーションに移動します。 サイトメニュー → コンテンツ & データ → フォームを開きます。

2. データプロバイダー を開き、次のように構成された REST データプロバイダー を追加します。

   • 名前: REST 国
   • URL: https://restcountries.com/v3.1/all
   • 出力パス: $..name.common
   • 出力タイプ: リスト
   • 出力ラベル: 国名

   これらの値の詳細については、 データ プロバイダーの概要を参照してください。

3. 「 Country」という名前のテキスト フィールドを持つフォーム を追加します。

4. フィールドエディターのサイドバーで、 オートコンプリートをクリックします。

5. 新しく表示されるオプションから、 データプロバイダーからを選択します。

6. REST 国 とその出力パラメータ 国名を選択します。

7. フォームを保存して公開します。

8. フォームに移動して、フィールドにデータを入力し始めます。

   

ブラウザの自動補完

DXP 2024.Q2+; ポータル GA120+

HTML 属性 によるブラウザの自動補完 は、日付、数値、テキスト フィールドで使用できます。

1. まず、ブラウザの設定で少なくとも 1 つのアドレスが自動入力用に設定されていることを確認します。

   

   この例では、名前フィールドとメール フィールドを使用します。

2. フォーム アプリケーションに移動します。 サイトメニュー → コンテンツ & データ → フォームを開きます。

3. 次のフィールドと構成を持つフォームを追加します。

   フィールド 1:

   • ラベル: 名前
   • HTMLオートコンプリート属性（詳細）: 名前

   フィールド 2:

   • ラベル: メール
   • HTMLオートコンプリート属性（詳細）: メール

   HTML 属性の設定は、フィールド構成サイドバーの「詳細」タブにあります。

4. フォームを保存して公開します。

5. フォームに移動して、自動補完が機能していることを確認します。

   

フォーム フィールドの自動補完により、ユーザーがフォームに入力する可能性が高まります。

関連トピック

• REST データプロバイダーを使用してフォームオプションを入力する
• Using the Autofill Rule
• フォームフラグメントを使用したフォームの作成