O projeto está inativo

Formulário de cadastro com atributos do HTML5

Formulários são uma parte fundamental da web, pois permitem o envio de dados para o back-end da aplicação. Nessa documentação criaremos um formulário de cadastro para uma pizzaria hipotética chamada Hello Pizza.

292

Elemento select

O controle select é usado para criar caixas de seleção e suas opções são representadas pelo elemento option, como ilustrado na Figura 1.

Campo de seleção fechado e aberto no Google
Chrome
Figura 1. Campo de seleção fechado e aberto no Google Chrome

A sintaxe desse select é apresentada a seguir:

  <select>
    <option value="RJ">Rio de Janeiro</option>
    <option value="SP">São Paulo</option>
    <option value="MG">Minas Gerais</option>
    <option value="ES">Espírito Santo</option>
  </select>

Cada opção disponível na caixa é definida pelo elemento option, dentro da tag select.

É importante lembrar que no atributo value está a informação que será enviada para o servidor, que pode ser diferente da que é mostrada para o cliente. Por exemplo, quando é selecionada a opção Rio de Janeiro, o que vai para o servidor é o valor RJ.

Série

Esse projeto faz parte da Série Dê o próximo passo após o HTML/CSS!

Chega de perder tempo!
Comece hoje mesmo a programar de verdade
Apenas 12x de R$ 54,90
Por que a DevMedia?
  • Didática focada no iniciante
  • Aprenda construindo projetos reais
  • Domine as tecnologias mais usadas no mercado
  • Professores online o tempo todo
  • + de 8000 exercícios gamificados
  • + de 100 mil alunos formados

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários,
consulte nossa política de privacidade.

Aceitar