Neste artigo, apresentarei algumas tags HTML usadas para criar o formulário de entrada de dados mais comumente usado. Essas tags eu introduzi muito nesta categoria de aprendizado de HTML e CSS.

Antes de começar, você deve entender qual é o conceito de dados de formulário? Por que precisamos usar formulários e quando devemos usá-los? Quais tags de entrada devem ser usadas durante a criação do formulário? Vamos, vamos começar.

1. O que são dados de formulário?

O site é considerado um software que ajuda a se conectar com todos os usuários do mundo. Todos os dados que você vê no site são enviados de um endereço IP real que existe na internet.

Quando você visita um site, significa que você enviou uma solicitação para o endereço IP correspondente para esse domínio ( chamamos isso de servidor ). O servidor retornará um conjunto de dados em formato HTML. E a questão é: e se o lado do servidor precisar obter suas informações? Muito simplesmente, o HTML nos fornece uma série de tags que ajudam o servidor a obter dados do usuário, que são as tags do grupo de formulários .

Assim, os dados do formulário são um formulário composto por um conjunto de códigos HTML pertencentes ao grupo de formulários como: Formulário de contato, formulário de comentário, formulário de pedido… para inserir dados e enviá-los para o servidor.

2. Tags HTML formadoras de formulários mais usadas

Agora vou apresentar as tags primeiro, depois vamos fazer um formulário na 3ª parte.

Use a tag de formulário para cercar os formulários

Todos os formulários devem começar com uma tag de formulário, que envolve todas as outras tags. Tem duas propriedades importantes: method e action . Embora você esteja fazendo a interface, você também deve seguir esta regra. Quanto ao seu uso, descobriremos mais tarde.

 <form method="post" action="url"> </form>

Use a tag de entrada para criar uma caixa de entrada

A tag de entrada é usada com mais frequência. Ele vem em vários formatos, como:

• Uma caixa de entrada de dados
• Caixas de seleção
• Caixas de rádio

Para especificar o tipo, usamos o atributo type. Veja o exemplo abaixo para melhor compreensão.

 <form method="post" action="url"> Input: <input type="text" value=""/> <br/> Radio: <input type="radio" value=""/> <br/> Checkbox: <input type="checkbox" value=""/> </form>

Use a tag textarea para obter big data

A tag textarea funciona como a tag input type=text . No entanto, em termos de exibição, será mais amplo e, em vez de dados exibidos em uma linha, serão exibidos em várias linhas.

 <form method="post" action="url"> <textarea cols="20" rows="10"></textarea> </form>

Use a tag de entrada para criar o botão de envio

O botão enviar é muito importante, pois ajuda o navegador a saber quando começar a enviar dados para o servidor. Para criar um botão de envio, usamos a tag de entrada da seguinte forma.

 <form method="post" action="url"> <input type="submit" value="Liên hệ"/> </form>

Use a tag select para criar uma caixa de combinação

Este é o formato final nesta lição. Para criar uma lista suspensa de opções, use a tag de seleção.

 <form method="post" action="url"> <select> <option> -- Hãy chọn -- </option> <option>Tùy chọn 1</option> <option>Tùy chọn 2</option> <option>Tùy chọn 3</option> <option>Tùy chọn 4</option> </select> </form>

Acima está uma coleção de todas as tags HTML mais usadas. Agora vamos fazer um pequeno exercício juntos.