Campos de entrada de múltipla escolha para formulários HTML

• Pode 5, 2024

Se você está criando um formulário em seu site e deseja que seus visitantes escolham uma ou mais opções pré-selecionadas, um campo de entrada de múltipla escolha é o caminho a percorrer.

O botão de opção é uma opção muito comum para opções de múltipla escolha; você as verá frequentemente usadas em testes da web e em formas semelhantes. Esses botões são usados ​​quando você deseja que seu visitante selecione apenas uma das várias opções. Por exemplo, se você estivesse criando um questionário de personalidade em seu site e desejasse que os visitantes selecionassem sua cor principal favorita (vermelho, azul ou amarelo), usaria botões de opção.

Os botões de opção são agrupados por seu atributo "nome". Em um grupo de botões de opção que compartilham o mesmo nome, os visitantes poderão selecionar apenas um; clicar em um botão diferente no grupo desmarcará a opção original. O atributo "valor" define a qual opção o botão de opção pertence e o atributo "marcado" permite pré-selecionar uma opção.

No exemplo acima, a pergunta pode ser codificada da seguinte maneira:

Qual é a sua cor primária favorita?

Vermelho

Azul

Amarelo

No seu site, a pergunta seria assim:

Qual é a sua cor primária favorita?
Vermelho
Azul
Amarelo

O segundo campo de múltipla escolha é o menu suspenso. Com um menu suspenso, você pode optar por permitir várias seleções ou apenas uma; os menus suspensos também ocupam menos espaço na página, permitindo que você apresente mais opções com menos aglomeração.

Os menus suspensos usam a tag "select" como base do campo e a tag "option" para definir os itens de menu. Você pode modificar a tag "select" com o atributo "size", que especifica quantos itens são visíveis antes do visitante clicar para abrir o menu, e o atributo "multiple", que, se configurado, permite ao visitante selecionar mais de uma opção . Você também pode modificar a tag "option"; o atributo "selecionado" permite pré-selecionar essa opção.

Aqui está um exemplo de pergunta usando um menu suspenso:

Qual é o seu dia menos favorito da semana?


domingo
Segunda-feira
terça
Quarta-feira
Quinta-feira
Sexta-feira
sábado


No seu site, a pergunta seria assim:

Qual é o seu dia menos favorito da semana?

domingo
Segunda-feira
terça
Quarta-feira
Quinta-feira
Sexta-feira
sábado


A terceira opção de múltipla escolha é a caixa de seleção. As caixas de seleção são semelhantes aos botões de opção, exceto que sempre permitem que os visitantes selecionem várias opções. As caixas de seleção permitem os mesmos atributos que os botões de opção.

Uma pergunta de exemplo usando caixas de seleção:

Que animais de estimação você tem?

Cachorro

Gato

Pássaro

Rato

Hamster

Jacaré

De outros


Seus visitantes verão:

Que animais de estimação você tem?
Cachorro
Gato
Pássaro
Rato
Hamster
Jacaré
De outros

Instruções De Vídeo: CRIANDO FORMULÁRIOS OU TEXTOS PREENCHÍVEIS (Pode 2024).