Crie formulários com HTML5

Formulários são umas das formas mais básicas de interação entre o usuário e um website na linguagem HTML. Neste vídeo veremos mais informações a respeito de como esse recurso do HTML funciona, seus principais elementos e sistema de validação.

Nesta aula aprenderemos a usar o elemento form e input para criar a estrutura básica do formulário, conhecer seus atributos e entender seu funcionamento.

Qualquer formulário vai contar com campos do tipo text e number, afinal, sempre nos pedem textos curtos, sem quebra de linha, e telefones. Nesta aula veremos além da criação desses campos, o uso do placeholder.

Nos formulários geralmente são cadastradas datas de nascimento e números de residência. Aqui mostraremos como inserir esses campos no nosso formulário e aprenderemos a definir limites para o campo number.

Com o tipo radio podemos criar uma lista de opções no nosso formulário HTML como, por exemplo, a escolha entre um dos sexos disponíveis. Entenderemos melhor porque uma das opções sempre aparece pré definida.

Com o select criamos caixas de seleção em formulários HTML. Nesta aula veremos como definimos esse elemento para que o cliente possa escolher a UF do endereço informado.

Nesta aula vamos entender como criar caixas para texto longo, úteis para enviar informações grandes e com quebra de linha. Utilizamos esse elemento no nosso formulário para saber como o nosso cliente conheceu a pizzaria.

Vamos entender como criar uma lista de valores que podem ser marcados simultaneamente, além de definir o valor que será pré-selecionado, por padrão.

Para enviar arquivos do formulário para o servidor utilizamos o tipo file do HTML. Nesta aula utilizaremos este controle para enviar a foto de perfil do cliente que está se cadastrando na pizzaria.

Vamos dividir nosso formulário em blocos usando o elemento fieldset para ficar esteticamente organizado. Cada bloco terá um rótulo definido pelo elemento legend, como veremos nessa aula.