Desde o início, páginas da web tiveram a capacidade de recolher dados dos utilizadores. HTML5 tem um conjunto padrão, mas bastante útil dos elementos de formulário que você pode usar para obter entrada. Estes elementos de formulário seguir muitas das mesmas regras que outros tags.

Esta figura mostra um formulário que contém todos os principais elementos do formulário HTML que você pode encontrar:

As tags que você usa para gerenciar a estrutura geral do formulário incluem:

• : Esta tag contém o form- real que abrange todos os outros elementos do formulário. A tag também deve incluir o action = "" atributo. Isso indica que você não tenha a intenção de chamar um script do lado do servidor quando o formulário é enviado.

• : Esta etiqueta especial permite agrupar uma série de elementos de entrada juntos. Não é necessário, mas pode fazer formas complexas mais fácil de navegar. Por padrão, um conjunto de campos tem uma única borda em torno dela, mas você pode mudar isso com CSS.

• : Você pode adicionar uma legenda para um conjunto de campos para atuar como um rótulo para todo o conjunto de campos.

• : Isto marca o texto como o rótulo associado a um elemento de entrada particular. Você pode usar o opcional para atributo para especificar qual elemento de entrada do rótulo está associado. Tag da etiqueta são normalmente utilizados para fazer um estilo CSS das formas mais fáceis de gerenciar.

O código para uma página usando as marcas de estrutura mostrado na figura é o seguinte:

Demonstração Form

o fieldset, lenda, e rótulo marcas não são necessários, mas eles ajudam a organizar a página de modo que é mais fácil de colocar para fora com CSS. o uso adequado dessas tags e CSS, muitas vezes faz com que suas formas muito mais fácil de trabalhar do que os hacks baseados em tabelas mais velhos.