Formulário elementos em html

Os elementos de forma HTML ajudam a criar um formulário com várias funcionalidades. Um formulário de entrada inclui entrada, saída, botão, seleção, textarea, etiqueta, datalist, fieldsetTC,. Entre eles, a tag de entrada é o elemento mais usado e é considerado a parte central de uma forma HTML. Enquanto outros elementos de forma têm sua própria funcionalidade. Tendo em vista os elementos do formulário, este artigo serve os seguintes resultados de aprendizagem.

• Informações básicas e uso de cada elemento de formulário
• vários exemplos para cada elemento

Formulário elementos em html

Esta seção fornece uma lista de vários elementos de formulário que têm um papel fundamental na geração de formulários. Vamos cavar neles um por um:

Elemento de entrada

Esse elemento é considerado como o elemento central das formas html e é bastante impossível rastrear um formulário que não contém nenhum elemento de entrada. A funcionalidade dos elementos de entrada depende do conjunto de atributos suportados por eles. Por exemplo, o atributo de tipo define o tipo (caixa de texto, rádio, caixa de seleção) do campo de entrada.

Exemplo

Usando o código HTML, as seguintes linhas de código criam um campo de texto com o elemento de entrada.

Juntamente com o elemento de entrada, usamos um atributo (espaço reservado) do elemento de entrada.

Saída

A saída mostra que o campo de texto é criado usando o elemento de entrada. Como usamos o atributo de espaço reservado, o texto fictício também é exibido na caixa de texto.

Elemento da etiqueta

O elemento da etiqueta define o objetivo de vários elementos de formulário para os usuários finais. Um elemento de etiqueta pode ser declarado usando a seguinte sintaxe.

Como a maioria dos elementos HTML, o conteúdo do elemento de etiqueta é escrito entre as tags.

Exemplo:

O uso do elemento do rótulo é elaborado usando o seguinte código.

Uma etiqueta é criada para associá -lo a um campo de texto que recebe o nome do usuário. O para atributo (do elemento de etiqueta) e ID (do elemento de entrada) deve ter os mesmos valores para que eles possam ser unidos.

Saída

A saída contém um rótulo que o direciona para inserir seu nome na caixa de texto.

Selecione elemento

O elemento selecionado cria uma lista suspensa de várias opções. O elemento gera várias opções em uma lista suspensa.

Exemplo

O código seguinte Pratique o elemento Selecionar para criar uma lista suspensa.

O código acima é descrito como,

• Em primeiro lugar, uma etiqueta de etiqueta é declarada (apenas para orientar o usuário final).
• A tag de seleção é definida e contém três opções tag

Saída

A saída mostra um rótulo, um menu suspenso e um botão.

Elemento textarea

O elemento textarea cria um campo de texto que permite escrever várias linhas. Embora o elemento de entrada possa criar um campo de texto, mas suporta apenas entradas de linha única.

Exemplo

O código fornecido abaixo mostra o uso do elemento textarea

O código acima cria um rótulo para um campo de texto e o campo de texto usando o elemento textário. Inicialmente, a altura e a largura padrão do elemento textarea são exercidas. No entanto, você pode usar o atributo de altura e largura para obter o tamanho personalizado de um elemento textarea.

Saída

Elemento do botão

Um botão acionável pode ser criado usando o elemento do botão dos formulários HTML.

Exemplo

O código escrito abaixo pratica o elemento do botão

O código escrito acima cria dois botões usando elementos de botão.

Saída

Elemento de campos

Este elemento é usado para agrupar os múltiplos elementos de um formulário em um único campo.

Exemplo

O código acima cria um campos usando o elemento Fieldset em HTML e sua legenda é definida usando o elemento da legenda. O elemento Fieldset contém dois elementos de entrada que recebem o nome e o email do usuário.

Saída

Elemento de Datalist

O item de dados estende a funcionalidade do elemento de entrada. O item de datalista fornece uma lista de entradas predefinidas para escolher a entrada deles (ou você também pode inserir seu próprio valor).

Exemplo

O código fornecido abaixo pratica o uso do elemento de dados de dados

No código acima,

• Uma lista de entrada é criada e, em seguida, o elemento de dados é declarado
• Dentro do elemento Datalist, a tag é usada para criar opções para o elemento Datalist.

Saída

Elemento de saída

Este elemento é usado para exibir a saída de qualquer ação (envio de formulário).

Exemplo

O código a seguir pratica o atributo de saída para obter a soma de dois campos numéricos.

No código acima,

• Dois tipos de entrada = ”número”São definidos com IDs a e b respectivamente
• o saída Elemento considera ambos os IDs para processamento
• o oninput evento de elemento de formulário adiciona o número (quando são inseridos)

Saída

Ao passar por este artigo, você teria aprendido a criar um formulário HTML destacado.

Conclusão

Os elementos do formulário são os principais interessados ​​na criação de um formulário detalhado. Os elementos de formulário incluem entrada, etiqueta, textarea, botão e muito mais. Este artigo lista os elementos do formulário em HTML e um exemplo de cada elemento também é fornecido. Um formulário HTML simples pode ser criado com a ajuda de alguns elementos de formulário. No entanto, se você deseja um formulário com funcionalidades detalhadas, muitos elementos de formulário HTML são fornecidos para praticar neste guia.