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.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
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.
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.
Esse projeto faz parte da Série Dê o próximo passo após o HTML/CSS!