Html | Selecione Múltiplo como suspenso

Ao criar um formulário no desenvolvimento da web, vários componentes são adicionados usando diferentes elementos HTML. Esses elementos incluem ,, e elemento. Mais especificamente, o “”O elemento é utilizado em formulários para criar uma caixa selecionada que contém uma lista de menus. É benéfico de várias maneiras, pois permite que os usuários selecionem opções específicas e impeça que eles digitem informações falsas.

Este artigo cobrirá os seguintes pontos:

• O que é HTML Select Element?
• Como criar uma caixa selecionada em html?
• Como selecionar várias opções do suspensão?

O que é HTML Select Element?

Em HTML, o “”O elemento é um elemento -chave do formulário usado para criar uma lista de menus. Por padrão, o usuário pode selecionar apenas uma única opção da lista. Pode ser associado a vários atributos para funções adicionais. Por exemplo, o “desabilitado”O atributo torna a opção desativada para os usuários e o“múltiplo”A opção permite que os usuários selecionem mais de uma opção e muito mais.

Como criar uma caixa selecionada em html?

Vamos conferir um exemplo de criação de uma caixa selecionada em HTML:

• Adicione o "”Elemento no arquivo html para adicionar uma legenda.
• Então, adicione um “”Elemento que contém múltiplos“”Elementos para especificar as opções de menu suspenso.
• O "valor”O atributo especifica os valores enviados ao servidor.
• Por fim, adicione um “”Elemento com o tipo“enviar"E valor"Enviar”Para criar um botão:

Artigos

Selecione um artigo
HTML Selecione Tag
HTML Head Tag
Tag html img
Funções
eventos

Então, aqui está o menu suspenso que nos permite selecionar apenas uma opção:

Vamos ir ao exemplo para demonstrar como selecionar mais de uma opção na lista suspensa.

Como selecionar várias opções do suspensão?

Para selecionar várias opções do suspensão, o “múltiplo”Os atributos podem ser especificados dentro do elemento de seleção. É um atributo booleano e indica que os usuários podem escolher muitas opções no menu disponível.

Analise o exemplo abaixo. Aqui o "múltiplo”Atributos são usados ​​no elemento:

Artigos

Selecione um artigo
HTML Selecione Tag
Tag html img
Funções
eventos

Pode -se observar que podemos selecionar várias opções no menu:

Observação: Os usuários podem selecionar ou desmarcar várias opções mantendo o “Mudança","Ctrl", ou "comando"Chaves com o clique do mouse. Essas chaves são utilizadas de acordo com o sistema operacional.

Conclusão

Por padrão, o html “”O elemento permite que os usuários selecionem uma opção no menu suspenso. No entanto, para selecionar várias opções no menu Drop, os vários atributos podem ser utilizados no elemento HTML, que permite aos usuários selecionar mais de uma opção por vez. Esta postagem demonstrou como selecionar várias opções na lista de menus.