A tag <select> em HTML é usada para criar elementos de seleção, como caixas de seleção e listas suspensas em um formulário. Ela possui várias propriedades e atributos que podem ser usados para personalizar o comportamento e a aparência do elemento. Abaixo estão algumas das propriedades e atributos mais comuns da tag <select>:
- name: Define o nome do elemento, que é usado quando os dados do formulário são enviados para o servidor.
- id: Define um identificador único para o elemento, que pode ser usado para selecioná-lo com JavaScript ou CSS.
- multiple: Um atributo booleano que, quando presente, permite que os usuários selecionem várias opções ao mesmo tempo. É comumente usado com caixas de seleção múltiplas.
- size: Define o número de opções visíveis em uma lista suspensa. Isso afeta a altura do elemento e o número de opções visíveis sem precisar rolar.
- autofocus: Quando presente, indica que o elemento deve receber foco automaticamente quando a página é carregada.
- disabled: Quando presente, torna o elemento de seleção inativo, impedindo que os usuários o alterem ou interajam com ele.
- required: Indica que o campo é obrigatório e não pode ser enviado vazio em um formulário.
- form: Especifica a qual formulário o elemento pertence, usando o valor do atributo
id do formulário.
- onchange: Define um código JavaScript a ser executado quando o valor do elemento é alterado.
A tag <select> também pode conter uma série de elementos <option>, que representam as opções que os usuários podem escolher dentro do elemento de seleção. As tags <option> podem ter os seguintes atributos:
- value: Define o valor associado à opção que será enviado ao servidor quando o formulário for enviado.
- selected: Quando presente, indica que a opção está selecionada por padrão quando o elemento de seleção é exibido.
- disabled: Torna a opção inativa, impedindo que os usuários a selecionem.
- label: Define um rótulo para a opção que pode ser exibido ao lado da opção selecionada.
Esses são os atributos mais comuns usados com a tag <select> em HTML. Você pode usá-los de acordo com suas necessidades para criar elementos de seleção personalizados em seus formulários web.