HTML5 フォームの作成
HTML5 フォームは、Adobe Experience Manager の新機能で、XFA フォームテンプレート(xdp)を HTML5 形式でレンダリングできます。この機能により、XFA ベースの PDF がサポートされていないモバイルデバイスおよびデスクトップブラウザー上のフォームのレンダリングが可能です。HTML5 フォームは、XFA フォームテンプレートの既存の機能をサポートしているだけでなく、モバイルデバイス用に手書き署名などの新しい機能もあります。
前提条件
AEM Forms のインスタンスが機能していることを確認してください。インストールガイドに従って、AEM Forms をインストールおよび設定してください。
最初の HTML5 フォームの作成
- zip ファイルの内容をダウンロードして解凍します。zip ファイルには、xdp とデータファイルが含まれています
- フォームとドキュメントに移動します
- 作成/ファイルをアップロードをクリックします。
- 手順 2 でダウンロードした xdp テンプレートを選択します
HTML としてプレビュー
xdp は、HTML5 形式または PDF 形式でプレビューできます。HTML5 形式の xdp をプレビューするには、次の手順に従ってください。
- 新しくアップロードされた xdp をタップし、プレビュー/HTML としてプレビュー をクリックします。HTML5 としてレンダリングされた xdp が表示されます。
データを使用してプレビュー
データファイルを含む HTML5 形式の xdp をプレビューするには、次の手順に従ってください。
- 新しくアップロードされた xdp をタップし、プレビュー/データを使用してプレビュー をクリックします。データファイルを参照して選択し、「プレビュー」をクリックします。
- データが事前に入力された HTML5 形式でレンダリングされたテンプレートが表示されます。
xdp テンプレートの詳細プロパティの探索
xdp テンプレートの詳細プロパティを使用すると、公開日、送信ハンドラー、フォームのレンダリングプロファイル、事前入力サービスなどを指定できます。テンプレートの詳細プロパティを表示するには、xdp をタップし、プロパティ/詳細 をクリックします。ここには、多数のプロパティが表示されます。ここでは、これらのプロパティの一部について説明します。
送信 URL - これは、HTML5 フォームの送信を処理する URL です。次のレッスンでは、これについて説明します。ここで送信 URL が指定されていない場合、デフォルトの送信ハンドラーが呼び出され、フォームデータがブラウザーに返されます。
HTML レンダリングプロファイル - HTML5 フォームには、フォームテンプレートのモバイルレンダリングを可能にするため、REST エンドポイントとして公開されるプロファイルの概念があります。ほとんどの場合、デフォルトのレンダリングプロファイルで十分にフォームをレンダリングできます。デフォルトのレンダリングプロファイルがニーズを満たさない場合は、カスタムプロファイルを作成してフォームに関連付けることができます。
事前入力サービス - 事前入力サービスは通常、バックエンドデータソースから取得したデータをフォームに入力するために使用されます。