HTML5 フォーム用のフォームテンプレートのデザイン

AEM の HTML5 フォームコンポーネントは、HTML5 形式への XFA フォームテンプレートのレンダリングを提供します。フォームデザイナーは Forms Designer を使用してフォームテンプレートをデザインし、HTML5 レンダリングの機能を使用することができます。これらのフォームテンプレートはアセットとともに、AEM リポジトリやファイルシステムに配置するか、http で公開することができます。ただし、Forms Managerを使用してフォームを管理する場合は、テンプレートとアセットをAEMリポジトリに格納する必要があります。

HTML5 フォームの動作は、その大部分が PDF フォームの動作に一致していますが、両方の形式には他方の形式で適用されない機能がいくつかあります。例えば、Adobe ReaderのPDFフォームにバーコードが適用される方法は、モバイルフォームとは異なる場合や、フォームの電子署名の方法も形式によって異なります。 このような違いについて詳しくは、「HTML5フォームとPDF formsの機能の違い」を参照してください。

一般的な XFA 機能の場合、両方の形式で機能するフォームをデザインするために、次のベストプラクティスとガイドラインを参照してください。

AEM Forms Designer の HTML5 フォーム向けの機能

HTML のブレビュー

フォームデザイナーのデザインモードに、HTML5 形式でフォームをプレビューするための「Preview HTML」タブが追加されました。AEM Forms Designer でこの機能を有効化して設定する方法について詳しくは、「HTML のプレビュー」を参照してください。

手書き署名

HTML5 フォームの主な対象はタッチデバイスです。そのため、AEM Forms Designer に新しい手書き署名コントロールが追加されました。フォームテンプレート上に手書き署名コントロールをクリックまたはドラッグ&ドロップして、設定することができます。 これはHTML5レンディションで手書きフィールドとしてレンダリングされ、タッチデバイスで手書き署名に使用できます。 デスクトップマシンでは、それはマウスコントロールの使用により手書きフィールドとして使用できます。この機能の使用方法について詳しくは、XFA手書きフィールドを参照してください。

4

このページ