Componente Título de formulário title-input-adaptive-forms-core-component
Em um Formulário adaptável, um “título” refere-se ao texto que aparece na parte superior do formulário, normalmente abaixo do cabeçalho. O título é especificado usando o componente de Título. Esse componente pode ser adicionado ao layout do formulário e seu texto pode ser editado para corresponder à finalidade ou ao tópico do formulário. O título serve como um rótulo ou uma breve descrição do formulário para o usuário, e ajuda a distinguir o formulário de outros.
Exemplo
Uso reasons-to-use-title-in-an-adaptive-form
Há vários motivos pelos quais é uma boa prática usar um título em um formulário:
-
Clareza: um título identifica claramente a finalidade do formulário, o que ajuda os usuários a entender quais informações precisam ser fornecidas.
-
Organização: um título pode ajudar a organizar formulários por tópico ou finalidade, o que facilita para os usuários encontrar o formulário necessário.
-
Acessibilidade: um título é um elemento essencial para os usuários com necessidades de acessibilidade, pois é lido em voz alta pelos leitores de tela, ajudando os usuários a entender o contexto do formulário.
-
Marca: um título também pode ser usado para exibir o nome de uma empresa ou organização, o que ajuda a criar um senso de confiança e familiaridade com o usuário.
-
Navegação: um título também pode ser útil para navegar pelo formulário, especialmente se ele for longo ou complexo.
-
Otimização de mecanismo de pesquisa (SEO): ter um título no formulário também ajuda na SEO, já que os mecanismos de pesquisa usam o título para determinar a relevância de uma página da Web para uma consulta de pesquisa.
Em geral, o título de um formulário é um aspecto importante da experiência do usuário e deve ser usado para fornecer um rótulo claro e conciso para o formulário, que ajude os usuários a entender o contexto e a finalidade do formulário.
Versão e compatibilidade version-and-compatibility
O componente principal Acordeão de formulário adaptável foi lançado em fevereiro de 2023 como parte dos Componentes principais 2.0.4 para Cloud Service e dos Componentes principais 1.1.12 para AEM 6.5.16.0 Forms ou posterior. Esta é uma tabela que mostra todas as versões compatíveis, a compatibilidade do AEM e os links para a documentação correspondente:
versão 2.0.4 e posteriores
versão 1.1.12 e versões posteriores, mas que sejam inferiores à 2.0.0.
Para obter informações sobre as versões dos Componentes principais, consulte o documento Versões dos Componentes principais.
Detalhes técnicos technical-details
Obtenha as informações mais recentes sobre o Componente principal de Título dos Formulários adaptáveis na documentação técnica no GitHub. Para obter mais informações sobre o desenvolvimento dos Componentes principais, consulte a documentação do desenvolvedor dos Componentes principais.
Caixa de diálogo de configuração configure-dialog
Você pode personalizar facilmente sua experiência de título para visitantes com a caixa de diálogo Configurar. Você também pode definir opções de título com facilidade para proporcionar uma experiência do usuário contínua.
A caixa de diálogo de edição permite que o autor de conteúdo defina o texto do título, e selecione o nível do cabeçalho.
-
Título: o título permite identificar facilmente um componente em um formulário; por padrão, ele aparece na parte superior do componente. Se um título não for adicionado, o nome do componente será exibido em vez do texto do título.
-
Tipo / Tamanho - Define o nível de cabeçalho do título.
-
ID: Essa opção permite controlar o identificador exclusivo do componente no HTML e na Camada de Dados.
- Caso deixado em branco, um ID exclusivo é gerado automaticamente para você e pode ser encontrado ao inspecionar a página resultante.
- Se um ID for especificado, é responsabilidade do autor garantir que ele seja exclusivo.
- A alteração do ID pode afetar o rastreamento de CSS, JS e da Camada de Dados.
Caixa de diálogo Design design-dialog
A guia Design é usada para definir e gerenciar os estilos CSS para o componente de título.
Título
A guia Título permite que os autores de modelo definam elementos de cabeçalho de HTML padrão e permitido para autores de formulários:
-
Elementos de cabeçalho permitidos: uma lista com várias opções que permitem ao autor do modelo escolher quais elementos de cabeçalho podem ser usados pelo autor para o título.
-
Elemento de cabeçalho padrão: uma lista suspensa que define o elemento Cabeçalho padrão para o componente Título.
Guia Estilos styles-tab
A guia é usada para definir e gerenciar os estilos CSS de um componente. O componente principal do Seletor de datas de formulários adaptáveis é compatível com o sistema de estilos do AEM.
-
Classes padrão do CSS: você pode fornecer uma classe padrão do CSS ao componente principal título para formulários adaptáveis.
-
Estilos permitidos: você pode definir estilos fornecendo um nome e a classe CSS que o representa. Por exemplo, você pode criar um estilo chamado “texto em negrito” e fornecer a classe CSS “font-weight: bold”. Você pode usar ou aplicar esses estilos a um formulário adaptável no editor de formulários adaptáveis. Para aplicar um estilo, no editor de formulários adaptáveis, selecione o componente ao qual deseja aplicar o estilo, navegue até a caixa de diálogo de propriedades e selecione o estilo desejado na lista suspensa Estilos. Se precisar atualizar ou modificar os estilos, simplesmente retorne à caixa de diálogo Design, atualize os estilos na guia estilos e salve as alterações.
Guia Formatos format-tab
A guia Formatos permite especificar os formatos de data padrão e personalizados.
Artigos relacionados related-articles
- Acordeão
- Fragmentos de formulários adaptáveis
- reCAPTCHA de formulário adaptável
- Botão
- Grupo de caixas de seleção
- Caixa de seleção
- Seletor de data
- Lista suspensa
- Container de formulário
- Título do formulário
- Anexo de arquivo
- Rodapé
- Cabeçalho
- Imagem
- Caixa numérica
- Painel
- Celular
- Guia horizontal
- Guia vertical
- Botão de opção
- Botão Redefinir
- Botão Enviar
- Caixa de texto
- Texto
- Guia Termos e condições
- Assistente
Consulte também see-also
- Criar um Formulário adaptável do AEM
- Adicionar um Formulário adaptável do AEM a uma página do AEM Sites
- Aplicar temas a um Formulário adaptável do AEM
- Adicionar componentes a um Formulário adaptável do AEM
- Usar o reCAPTCHA em um Formulário adaptável do AEM
- Gerar versão em PDF (DoR) de um Formulário adaptável do AEM
- Traduzir um Formulário adaptável do AEM
- Habilitar o Adobe Analytics para um Formulário adaptável a fim de rastrear o uso do formulário
- Conectar o Formulário adaptável ao Microsoft SharePoint
- Conectar o Formulário adaptável ao Microsoft Power Automate
- Conectar o Formulário adaptável ao Microsoft OneDrive
- Conectar o Formulário adaptável ao armazenamento do Microsoft Azure Blob
- Conectar o Formulário adaptável ao Salesforce
- Usar o Adobe Acrobat Sign em um Formulário adaptável do AEM
- Adicionar um novo local para um Formulário adaptável
- Enviar dados do Formulário adaptável a um banco de dados
- Enviar dados do Formulário adaptável a um ponto de acesso REST
- Enviar dados do Formulário adaptável a um fluxo de trabalho do AEM
- Usar o portal de formulários para listar Formulários adaptáveis do AEM em um site do AEM