As tags de seleção e opção HTML - a lista de menus

Pode 18, 2024

As tags de seleção e opção trabalham juntas para criar uma lista de menus suspensos em um formulário de página da web. Você pode ver esse tipo de lista sempre que fornecer seu nome e endereço. Se você mora nos Estados Unidos, escolhe o estado em que mora em uma lista suspensa de nomes de estado. Essa lista suspensa é criada com as tags de seleção e a lista de opções (opções) é criada com um grupo de tags de opção. As tags de abertura e fechamento são necessárias para as tags de seleção e opção.

Aqui está o código de exemplo para o menu suspenso.

Ohio Flórida
<	colchete angular esquerdo
selecionar	nome do elemento
nome	O atributo name é usado para definir uma identificação para a lista de menus
>	suporte de ângulo reto
	etiqueta de fechamento

<	colchete angular esquerdo
opção	nome do elemento
valor	O atributo value é usado para definir o valor da opção
>	suporte de ângulo reto
	etiqueta de fechamento

Como você pode ver, o grupo de tags de opção está entre as tags de seleção de abertura e fechamento. Você pode ter quantas tags de opção desejar e a lista suspensa será rolada conforme necessário.

Atributos da tag Selecionar

O Atributo de Nome
O atributo que você deve incluir na tag select é o atributo name. Este atributo identifica a lista para o programa de processamento. Se você tiver mais de um menu suspenso em um formulário da Web, atribuirá um nome diferente a cada lista, atribuindo um valor diferente ao atributo name. No exemplo, eu configurei o valor do atributo name como "states".

O atributo Tamanho
O atributo size especifica o número de opções da lista que podem estar visíveis ao mesmo tempo. Se eu tivesse incluído todos os estados dos Estados Unidos no exemplo acima, seria uma longa lista. Portanto, eu provavelmente desejaria definir o atributo size para um número menor, como 5, o que permitiria que apenas cinco nomes de estado fossem visíveis ao mesmo tempo.

O atributo múltiplo
Quando esse atributo é incluído na tag select, mais de uma opção pode ser selecionada.

Atributos da tag de opção

O atributo Value
O atributo value da tag de opção define uma escolha ou opção diferente para cada tag de opção no grupo. Quando uma tag de opção é selecionada, o valor associado a essa tag é enviado ao programa de processamento. Como você pode ver no exemplo, o valor atribuído às tags de opção (OH e FL) não é o mesmo que o nome dos estados associados a cada tag de opção. Os nomes dos estados serão exibidos no formulário da Web, mas o valor enviado ao programa serão as abreviações de estado.

O atributo selecionado
Quando esse atributo é incluído na tag de opção de abertura, essa opção é pré-selecionada quando o formulário da Web é exibido pela primeira vez na página da Web.

Instruções De Vídeo: 11 - Elementos de Formulário HTML radio button, checkbox e select (Pode 2024).

Tags de seleção e opção HTML - A lista de menus, HTML, tag de opção HTML, tags de seleção HTML, como criar um menu suspenso, como criar uma lista de menus em HTML, selecionar tags e seus atributos, tags de opção e atributos

Artigo Anterior

Próximo Artigo

Tropico 2: Pirate Cove

Pode 2024

A sequência do simulador de gerenciamento de resorts turísticos, "Tropico 2", leva o conceito de administrar uma ilha tropical e depois remonta algumas centenas de anos até quando essas ilhas...

computadores

Site Wix a partir do zero - Faixa de contato

Pode 2024

Neste tutorial, adicionaremos um formulário de contato ao nosso site Wix que criamos do zero. Começar do zero é a melhor maneira de aprender o básico.Já adicionamos algumas tiras ao nosso site. Este...