Show Menu
トピック×

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

AEM の HTML5 フォームコンポーネントは、HTML5 形式への XFA フォームテンプレートのレンダリングを提供します。フォームデザイナーは Forms Designer を使用してフォームテンプレートをデザインし、HTML5 レンダリングの機能を使用することができます。これらのフォームテンプレートはアセットとともに、AEM リポジトリやファイルシステムに配置するか、http で公開することができます。ただし、Forms Managerを使用してフォームを管理する場合は、テンプレートとアセットをAEMリポジトリに格納する必要があります。
HTML5 フォームの動作は、その大部分が PDF フォームの動作に一致していますが、両方の形式には他方の形式で適用されない機能がいくつかあります。例えば、Adobe ReaderでPDFフォームにバーコードを適用する方法はMobileフォームとは異なり、フォームの電子署名の方法も形式によって異なります。 For more information on such variations, see Feature differentiation between HTML5 forms and PDF Forms .
一般的な XFA 機能の場合、両方の形式で機能するフォームをデザインするために、次のベストプラクティスとガイドラインを参照してください。

ベストプラクティス

スキーマバインディングやフォームロジックの記述などの、フォームテンプレートのデザインに関わるほとんどの手順は同じです。ただし、Adobe Reader とブラウザーベースの形式のようなシッククライアントのレンダリングとスクリプティングエンジンに本質的な違いがあるため、いくつかの推奨事項が「 ベストプラクティス 」の記事に記載されています。これらのベストプラクティスは、両方の形式で期待どおりに機能するようにフォームテンプレートをデザインする際に役立ちます。

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

HTML のブレビュー

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

手書きの署名

HTML5 フォームの主な対象はタッチデバイスです。そのため、AEM Forms Designer に新しい手書き署名コントロールが追加されました。手書き署名コントロールは、フォームテンプレート上でクリックまたはドラッグ&ドロップして設定できます。 HTML5レンダリングでは手書きフィールドとしてレンダリングされ、タッチデバイスで手書き署名を行うのに使用できます。 デスクトップマシンでは、それはマウスコントロールの使用により手書きフィールドとして使用できます。For more information on how to use this feature, see XFA Scribble Field .

Rich text format

テキストフィールドをリッチテキストフィールドに変換できます。 テキストフィールドに、リストの形式設定オプションが追加されます。 変換するには、Forms Designerを開き、デザイン表示でテキストフィールドをタ ップしま ​す。 「フィール 」タブで、「フ ィールドの形式 」ドロ ​ップダウンリストから「リッチテキスト」を選択します。 現在は、XFAフォームがHTML5フォームとしてレンダリングされると、フィールドはリッチテキストフィールドとしてレンダリングされます。 「最大化」を 、追加の書式表示オプションを選択します。