HTML5 フォーム用のフォームテンプレートのデザイン designing-form-templates-for-html-forms
AEM の HTML5 フォームコンポーネントは、XFA フォームテンプレートを HTML5 形式にレンダリングできます。 フォームデザイナーは Forms Designer を使用してフォームテンプレートをデザインし、HTML5 レンダリングの機能を使用することができます。 これらのフォームテンプレートはアセットと共に、AEM リポジトリやファイルシステムに配置するか、http で公開することができます。 ただし、Forms Manager を使用してフォームを管理する場合には、テンプレートとアセットを AEM リポジトリに置く必要があります。
HTML5 フォームの動作は、その大部分が PDF フォームの動作に一致していますが、両方の形式には他方の形式で適用されない機能がいくつかあります。 たとえば、Adobe Reader でバーコードが PDF フォームに適用される方法が Mobile フォームとは異なったり、フォームにデジタル署名を行う方法も各形式で異なります。 そのような違いについて詳しくは、HTML5 フォームと PDF フォームの機能の違いを参照してください。
一般的な XFA 機能の場合、両方の形式で機能するフォームをデザインするために、次のベストプラクティスとガイドラインを参照してください。
ベストプラクティス best-practices
スキーマバインディングやフォームロジックの記述などの、フォームテンプレートのデザインに関わるほとんどの手順は同じです。 ただし、Adobe Reader とブラウザーベースの形式のようなシッククライアントのレンダリングとスクリプティングエンジンに本質的な違いがあるため、いくつかの推奨事項がベストプラクティスの記事に記載されています。 これらのベストプラクティスに従うと、両方の形式で期待通りに機能するようにフォームテンプレートをデザインすることができます。
AEM Forms Designer の HTML5 フォーム向けの機能 capabilities-in-aem-forms-designer-for-html-forms
HTML をプレビューする preview-html
デザインモードに「プレビュー HTML」タブが追加され、フォームデザイナーがデザインプロセス中にフォームを HTML5 形式でプレビューできるようになりました。 AEM Forms Designer でこの機能を有効化して設定する方法について詳しくは、HTML のプレビューを参照してください。
手書き署名 scribble-signature
HTML5 フォームの主な対象はタッチデバイスです。 そのため、AEM Forms Designer に新しい手書き署名コントロールが追加されました。 手書き署名のコントロールは、クリックしてフォームテンプレートにドラッグ&ドロップすると設定できます。 HTML5 レンディションでは手書きフィールドとしてレンダリングされるため、タッチデバイスで署名を手書きするのに使用できます。 デスクトップ機器では、手書きフィールドとしてマウスのコントロールで使用できます。 この機能の使用方法について詳しくは、XFA 手書きフィールドを参照してください。
リッチテキスト形式 rich-text-format
テキストフィールドをリッチテキストフィールドに変換できます。 テキストフィールドに書式設定オプションのリストを追加します。 変換するには、Forms Designer を開き、デザインビューのテキストフィールドを選択します。 「フィールド」タブで、フィールドの形式ドロップダウンリストから「リッチテキスト」を選択します。 これで、XFA フォームが HTML5 フォームとしてレンダリングされると、そのフィールドはリッチテキストフィールドとしてレンダリングされます。 「