Creación de formularios de HTML5

HTML5 forms es una nueva funcionalidad de Adobe Experience Manager que ofrece el procesamiento de plantillas de formulario XFA (xdp) en formato HTML 5. Esta capacidad permite procesar formularios tanto en dispositivos móviles como en exploradores de equipos de escritorio no compatibles con PDF basados en XFA. Los formularios HTML5 no solo son compatibles con las capacidades existentes de las plantillas de formulario XFA, sino que también agregan capacidades nuevas para dispositivos móviles, como la firma manuscrita.

Requisitos previos

Asegúrese de que tiene una instancia de trabajo de AEM Forms. Siga la guía de instalación para instalar y configurar AEM Forms

Creación de su primer formulario de HTML 5

  1. Descargue y extraiga el contenido del archivo zip. El archivo zip contiene un xdp y un archivo de datos
  2. Navegar a Forms y documentos
  3. Haga clic en Crear -> Cargar archivo
  4. Seleccione la plantilla xdp descargada en el paso 2

Vista precia como HTML

El xdp se puede previsualizar en formato HTML 5 o en formato PDF. Para obtener una vista previa del xdp en formato HTML5, siga estos pasos

  • Pulse el xdp recién cargado y haga clic en Vista previa -> Vista previa como HTML. Debería ver el xdp representado como HTML 5
NOTE
Al seleccionar la opción Vista previa como PDF, el PDF procesado no se mostrará en el explorador porque AEM Forms procesa archivos PDF dinámicos que requieren el complemento de Acrobat. Tendrá que descargar el PDF y abrirlo con Adobe Acrobat/Reader para verlo

Vista previa con datos

Para obtener una vista previa del xdp en formato HTML5 con archivo de datos, siga estos pasos:

  • Pulse el xdp recién cargado y haga clic en Vista previa -> Vista previa con datos. Examine y seleccione el archivo de datos y haga clic en Vista previa.
  • Debería ver la plantilla representada en formato HTML 5 rellenada previamente con los datos

Explorar las propiedades avanzadas de la plantilla xdp

Las propiedades avanzadas de la plantilla xdp permiten especificar la fecha de publicación, el controlador de envío, el perfil de procesamiento del formulario, el servicio de relleno previo, etc. Para ver las propiedades avanzadas de la plantilla, pulse xdp y haga clic en propiedades -> Avanzadas. Aquí encontrará una serie de propiedades. Algunas de estas propiedades se tratan aquí.

Enviar URL: Esta es la URL que administrará el envío del formulario de HTML 5. Lo explicaremos en la siguiente lección. Si no se especifica una dirección URL de envío aquí, se invoca el controlador de envío predeterminado, que devuelve los datos del formulario al explorador.

Perfil de procesamiento de HTML: los formularios de HTML 5 tienen la noción Perfiles que se exponen como extremos REST para habilitar el procesamiento móvil de plantillas de formulario. La mayoría de las veces, el perfil de procesamiento predeterminado debe ser suficiente para procesar el formulario. Si el perfil de procesamiento predeterminado no satisface sus necesidades, se puede crear un perfil personalizado y asociarlo al formulario.

Servicio de relleno previo: el servicio de relleno previo se suele usar para rellenar el formulario con datos recuperados de una fuente de datos back-end.

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e