Formulário: múltipla escolha

Campo de múltipla escolha: 

<div>
<label for="items">Quais são suas habilidades?</label>
<select name="items" multiple>
<option value="html">HTML</option>
<option value="css">CSS</option>
<option value="js">JavaScript</option>
</select>
</div>

Esse código cria um campo para selecionar mais de uma opção no formulário.

<div>

→ Bloco usado para organizar esse campo separado.

  <label for="items">Quais são suas habilidades?</label>

→  Texto explicando o que a pessoa deve responder.

→  Identifica o campo de seleção.

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

→ for="items" Este label pertence ao campo que tiver: id="items" eles se conectam.

<select name="items" multiple>

→  Cria uma lista de opções.

→ <select> cria um menu suspenso.

→  name="items" = nome enviado no formulário. (Pode ser trocado)

→  multiple permite marcar várias opções.

Sem multiple: Escolhe apenas uma.

Com multiple: Pode escolher várias ao mesmo tempo.

 <option value="html">HTML</option>

<option value="css">CSS</option>

<option value="js">JavaScript</option>

→  <option> é as opções disponiveis para selecionar. 

→ Texto visível = Pode ser mudado

→  value="" = valor enviado ao sistema.

Importante!!!

Para selecionar várias opções no computador:

→ Ctrl + clique (Windows)

→  Cmd + clique (Mac)

Função prática:

• Cadastro profissional
• Perfil de usuário
• Lista de conhecimentos
• Filtros de busca