Creación de formularios de HTML5

Última actualización: 2024-01-25
  • Creado para:
  • Beginner
    User

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 las 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
NOTA

Al seleccionar Vista previa como PDF opción el PDF procesado no se mostrará en el explorador porque AEM Forms procesa pdf dinámicos que requieren un 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 Previsualizar.
  • 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 en el xdp y haga clic en properties -> Advanced. Aquí encontrará una serie de propiedades. Algunas de estas propiedades se tratan aquí.

URL de envío : Esta es la URL que administrará el envío del formulario de HTML5. 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 del HTML : Los formularios de HTML 5 tienen la noción Perfiles que se exponen como extremos REST para permitir 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 se ajusta a sus necesidades, perfil personalizado se puede crear y asociar al formulario.

Servicio de prerrellenar : El servicio de rellenado previo se suele utilizar para rellenar el formulario con datos recuperados de una fuente de datos back-end.

En esta página