O que é uma caixa de lista HTML?
Na linguagem de marcação de hipertexto (HTML), uma caixa de listagem é um tipo de componente interativo de interface gráfica do usuário (GUI). Ele aparece em um site como uma caixa dentro da página que contém um conjunto vertical de opções de texto que podem ser selecionadas pelo usuário. O objetivo de usar uma caixa de listagem HTML é apresentar a um usuário várias opções das quais ele pode selecionar e, em seguida, reagir à seleção. Existem muitas opções disponíveis para personalizar uma caixa de listagem, especialmente através do uso de folhas de estilo em cascata (CSS). Existe uma diferença visual e funcional entre uma caixa de listagem HTML e outro elemento GUI conhecido como ComboBox, embora eles sejam definidos da mesma maneira. Esta tag inicia a caixa de listagem e pode ser usada para definir várias opções. Uma das propriedades mais importantes da tag selecionada é o nome da caixa de listagem, que fornece outras partes do documento html a capacidade de acessar diretamente os valores do listbboi. Outra opção importante que pode ser definida é a propriedade múltipla, que pode permitir que um usuário selecione vários itens da lista simultaneamente, em vez de apenas um de cada vez.
Entre as tags de seleção de abertura e fechamento, os elementos reais a serem contidos em uma caixa de listagem HTML são definidos usando a tag Opção. A tag Opção inclui o texto real que será exibido no HTML ListBox. Como a tag Select, ela também possui algumas propriedades importantes. Uma propriedade valiosa da tag Opção é a capacidade de definir um valor de retorno para uma opção selecionada enviada para um script de consulta em vez do texto que o usuário vê. Isso significa que um usuário pode ver a palavra "vermelho", mas o HTML ListBox pode retornar o valor hexadecimal de vermelho em vez da palavra real.
Além das opções, uma caixa de listagem HTML pode conter outro elemento visual conhecido como um grupo opt. Um grupo opt é um cabeçalho usado para VISeguir, separar as diferentes opções dentro de uma caixa de listagem. Quando um usuário olha para uma caixa de listagem que contém tags optgroup, ele ou ela verá um título ousado na caixa, sob o qual as opções associadas serão levemente recuadas e não ousadas.
Embora uma caixa de listagem HTML funcional possa ser feita e colocada em um site, ele não fará nada quando um usuário selecionar uma opção, a menos que o código de suporte esteja presente para fazê -lo. Isso pode ser feito com o JavaScript® acessando a caixa de listagem através do Modelo de Objeto do Documento (DOM) ou pode ser executado com outros scripts ou applets. Como um elemento interativo, uma caixa de listagem gera eventos de usuário como o MouseOver, que podem ser capturados dentro do navegador.