Criar formulários HTML5
- Aplica-se a:
- Experience Manager 6.5
- Tópicos:
- Formulários para dispositivos móveis
Criado para:
- Iniciante
- Usuário
O HTML5 Forms é um novo recurso no Adobe Experience Manager que oferece renderização de modelos de formulário XFA (xdp) no formato HTML5. Esse recurso permite a renderização de formulários em dispositivos móveis e navegadores de desktop nos quais o PDF baseado em XFA não é compatível. Os formulários HTML5 não só oferecem suporte aos recursos existentes de modelos de formulário XFA, como também adicionam novos recursos, como assinatura à mão, para dispositivos móveis.
Pré-requisitos
Certifique-se de que você tenha uma instância em funcionamento do AEM Forms. Siga o guia de instalação para instalar e configurar o AEM Forms
Crie seu primeiro formulário HTML5
- Baixe e extraia o conteúdo do arquivo zip. O arquivo zip contém xdp e arquivo de dados
- Navegar até o Forms e Documentos
- Clique em Criar -> Upload de arquivo
- Selecione o modelo xdp baixado na etapa 2
Visualizar como HTML
O xdp pode ser visualizado no formato HTML5 ou PDF. Para visualizar o xdp no formato HTML5, siga as etapas a seguir
- Toque no xdp recém-carregado e clique em Visualizar -> Visualizar como HTML. Você deve ver o xdp renderizado como HTML5
NOTEExibir com dados
Para visualizar o xdp no formato HTML5 com o arquivo de dados, siga as seguintes etapas:
- Toque no xdp recém-carregado e clique em Visualizar -> Visualizar com Dados. Procure e selecione o arquivo de dados e clique em Visualizar.
- Você deve ver o modelo renderizado no formato HTML5 pré-preenchido com os dados
Explorar propriedades avançadas do modelo xdp
As propriedades avançadas do modelo xdp permitem especificar a data de publicação, o manipulador de envio, o perfil de renderização do formulário, o serviço de preenchimento prévio etc. Para exibir as propriedades avançadas do modelo, toque no xdp e clique em propriedades -> Avançado. Aqui você encontrará várias propriedades. Algumas dessas propriedades são abordadas aqui.
Enviar URL - Esta é a URL que lidará com o envio do formulário HTML5. Abordaremos isso na próxima lição. Se uma URL de envio não for especificada aqui, o manipulador de envio padrão é chamado, o que retorna os dados do formulário para o navegador.
Perfil de Renderização do HTML - Os formulários HTML5 têm a noção de Perfis que são expostos como Pontos de Extremidade REST para habilitar a Renderização Móvel de Modelos de Formulário. A maioria das vezes o perfil de renderização padrão deve ser suficiente para renderizar o formulário. Se o perfil de renderização padrão não atender às suas necessidades, um perfil personalizado poderá ser criado e associado ao formulário.
Serviço de preenchimento prévio - O serviço de preenchimento prévio geralmente é usado para preencher o formulário com dados obtidos de uma fonte de dados de back-end.