O que é o HTML e suas tags? Parte 4: elementos de um formulário
Autores: Beatriz Moura e Mateus Henrique
Esse artigo compõe uma série de cinco artigos sobre o que é HTML e suas tags:
- O que é o HTML e suas tags: estrutura básica
- O que é o HTML e suas tags: elementos inline
- O que é o HTML e suas tags: elementos block-level
- O que é o HTML e suas tags: elementos de um formulário
- O que é o HTML e suas tags: atributos dos elementos
No artigo anterior vimos o que são elementos block level e como eles se comportam, agora vamos partir para um outro tópico para entender o que são e quais elementos compõem um formulário.
Formulário
<form>
Essa tag indica que estamos iniciando um formulário, recebe como principais atributos method que recebe como valor o método http que esse formulário irá executar (get, post) e action que especifica para onde enviar os dados do formulário quando um formulário é enviado.
<form></form><input>
Um campo para que o usuário possa inserir algum texto, data, número, cor, etc… possui como principais atributos type, que recebe como valor o tipo do input.
<input type="text"><textarea>
Representa uma caixa de texto, útil quando você quer permitir ao usuário informar um texto extenso em formato livre, como um comentário ou formulário de retorno.
<textarea></textarea><button>
Um botão clicável, possui como principais atributos type, que caso receba submit como valor e esteja dentro de um formulário, irá submeter o formulário.
<button type="submit">Enviar</button><label>
A tag label é importante para os campos de formulários. Ela especifica qual o "rótulo" do input (a que se refere o input, como por exemplo envolvê-la em um texto “Nome completo”), e ajuda na experiência do usuário durante a utilização e preenchimento do formulário.
<label>Nome completo</label>Veja um exemplo de formulário criado utilizando as tags que aprendemos:
Continua...
Nesse artigo vimos quais elementos utilizamos para compor um formulário, no próximo veremos o que são atributos e como utilizá-los.