Formulário: Atributo select

Select: o que é e qual a função?

Esse código cria uma pergunta obrigando o usuário a escolher uma resposta dentro do formulário. Exemplo: Confirmar se a pessoa leu, antes de enviar os dados.

<div>
<label for="contract">Você leu os termos do contrato?</label>
<select name="contract">
<option value="yes">Sim</option>
<option value="no" selected >Não</option>
</select>
</div>

→ A tag <select> cria um menu suspenso.

→ Serve para o usuário escolher uma opção entre várias.

→ Evita respostas digitadas errada

<label for="contract">Você leu os termos do contrato?</label>

→ Texto explicando a pergunta.

→  for="contract" liga o label ao campo correspondente.

→ <label ...>...</label> serve para identificar e explicar o campo que vem logo abaixo. (A pergunta)

<select name="contract">

→ Cria uma lista suspensa de respostas.

→ <select> cria um menu suspenso.

→  name="contract" será o nome enviado no formulário.

<option value="yes">Sim</option>

<option value="no">Não</option>

<option value="other" selected >Outro</option>

→  <option> são as respostas disponíveis.

→  Texto visível = Sim / Não / Outro (para escolher)

→  value="" = valor enviado ao sistema.

→  selected  (checkbox) Define a opção marcada inicialmente. / O campo já abre com "Outro" selecionado.