Como fazer um espaço reservado para uma caixa selecionada

Como fazer um espaço reservado para uma caixa selecionada

O "Selecione”A caixa é chamada de lista suspensa de um documento HTML. É um dos componentes essenciais dos campos de entrada de formulários. Um formulário com um menu de caixa selecionado (suspenso) é benéfico de várias maneiras, como formata a resposta do usuário de uma maneira específica, evita respostas falsas ou irrelevantes, economiza tempo e muito mais. Mais especificamente, o “”O elemento de HTML é usado para criar uma caixa suspensa e o“”O elemento especifica suas opções.

Este artigo ilustrará as técnicas para fazer um espaço reservado para a caixa de seleção HTML.

Como criar um espaço reservado para a caixa de seleção HTML?

No HTML, alguns atributos funcionam para fazer um espaço reservado para o elemento selecionado. Os atributos usados ​​para criar um espaço reservado estão listados abaixo:

  • desabilitado: Este é um atributo booleano, que torna o elemento desativado.
  • selecionado: Um atributo booleano que torna os elementos pré-selecionados na página carregar.
  • escondido: Um atributo booleano especifica que o elemento não é mais relevante.

Como criar um espaço reservado visível e desativado para a caixa de seleção HTML?

Para criar uma página HTML, siga as etapas mencionadas abaixo:

  • Primeiro, adicione um “

    ”Elemento para adicionar um título na página.

  • Então, adicione o “”Elemento para fazer uma caixa selecionada.
  • A tag contém vários “”Tags que definem as opções disponíveis do menu. No nosso caso, criamos um menu suspenso para países.
  • Para definir um espaço reservado, adicione “desabilitado" e "selecionado”Atributos para o primeiro“" marcação:

Selecione elemento com espaço reservado


A saída do código acima mencionado mostra que a primeira opção é selecionada e desativada:

Além de tornar uma opção visível e desativada, também podemos escondê -la usando o atributo oculto.

Como criar um espaço reservado escondido para a caixa de seleção HTML?

Se você quiser esconder o espaço reservado no menu, coloque um “escondido”Atributo a essa opção. Nesse caso, a opção de espaço reservado será invisível no menu.

Para o objetivo correspondente, adicione um “escondido”Atributo ao primeiro“”Tag no exemplo em andamento:

Selecione elemento com espaço reservado


Pode ser observado na saída abaixo que a primeira opção é selecionada, desativada e oculta por padrão:

Efetivamente elaboramos sobre como fazer uma caixa de seleção e o método para definir seu espaço reservado usando vários atributos HTML.

Conclusão

O html “”O elemento é utilizado para incluir uma caixa selecionada em um documento. O "”Elementos dentro do elemento Especifique os itens de menu disponíveis. O "desabilitado","selecionado", e "escondido”Os atributos são adicionados ao elemento que ajusta um texto de espaço reservado. Esta posta.