HTML Selecione Tag

O HTML compreende várias tags que devem servir a propósitos extremamente úteis. Uma das tags mais usadas de HTML é a tag de seleção. Esta tag é usada para criar listas suspensas e as listas suspensas permitem que o usuário escolha uma opção de sua escolha na lista especificada. As listas suspensas são usadas principalmente em formulários da Web para coletar dados de pesquisa. Neste tutorial, ensinaremos o uso da tag de seleção em html com a ajuda de alguns exemplos.

Como usar a tag Selecionar em HTML?

É muito fácil usar a tag Selecionar no HTML, e você o perceberá, passando pelos dois exemplos a seguir:

Exemplo # 1: Selecionando o local de residência

Neste exemplo, queremos criar uma página da web que exibirá uma lista suspensa e permitirá aos usuários selecionar seus locais de residência dessa lista suspensa. Para isso, escrevemos o script HTML mostrado na imagem a seguir:

Neste script, usamos a tag Select de HTML para criar uma lista suspensa de quatro países diferentes. Em seguida, usamos as tags "Valor da opção" para declarar todos os quatro elementos, eu.e., os nomes dos quatro países nesta lista suspensa. Depois disso, criamos um botão "enviar" para aprimorar a aparência da nossa página da web. No entanto, este botão não vai nos navegar em nenhum lugar, pois não criamos nenhuma página de ação associada.

Após a execução deste script HTML com o Google Chrome, a seguinte página da web apareceu em nosso navegador:

Ao clicar nesta lista suspensa, você poderá selecionar um país de sua escolha, conforme mostrado na imagem abaixo:

Exemplo # 2: Selecionando a linguagem de programação favorita

Este é outro exemplo de uso da tag de seleção de html. Neste exemplo, criaremos uma lista suspensa para deixar o usuário escolher sua linguagem de programação favorita. O script HTML para esse fim é mostrado na imagem a seguir:

Criamos uma lista suspensa de quatro linguagens de programação neste script HTML usando a tag "Selecionar" de HTML. Em seguida, simplesmente mencionamos os elementos desta lista usando a tag "Valor da opção" de HTML. Como o nosso primeiro exemplo, temos um botão "Enviar" dummy neste script html.

A página da web exibindo nossa lista suspensa recém -criada é mostrada na imagem a seguir:

Quando você clicar nesta lista suspensa, você poderá selecionar uma linguagem de programação de sua escolha, conforme mostrado na imagem a seguir:

Conclusão

Hoje, queríamos transmitir o uso da tag selecionada de HTML para nossos leitores. Para isso, primeiro apresentamos você ao objetivo desta tag html, seguida por alguns exemplos que explicaram o procedimento de uso do uso desta tag. Acabamos criando duas listas suspensas diferentes. Seguindo as mesmas linhas, você pode criar tantas listas suspensas de sua escolha no HTML quanto desejar.