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

Criando uma lista de opções

Precisamos saber qual é o sexo do nosso cliente e para isso utilizaremos no nosso formulário um campo do tipo radio. Isso porque queremos dar duas opções de escolha para o mesmo, como, vemos na Figura 1. Repare que ao escolher uma das opções, a outra não aparece marcada, característica desse tipo de campo.

Campo de escolha no Google Chrome
Figura 1. Campo de escolha no Google Chrome

Observe a sintaxe a seguir:

 <div>
    <input  type="radio" name=”sexo”  /> Masculino
    <input type="radio" name=”sexo” checked /> Feminino
  </div>

Explicando o código

Linhas 2 e 3

Utilizamos o atributo name para identificar o campo, assim, quando selecionarmos uma das opções, a outra será desmarcada automaticamente.

Além disso, com o name conseguimos enviar para o servidor uma referência do campo, como veremos na aula 11.

Linha 3

Usamos o atributo checked para definir um valor padrão, que no nosso caso é o feminino. Assim, quando abrirmos o formulário, a opção feminino estará pré selecionada.

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