Selecione o valor padrão em HTML
-
Use
selected="selected"para selecionar o valor padrão para um elemento HTML<select> -
Use a
<opção selecionada>para selecionar o valor padrão para um elemento HTML<select>
Este artigo discutirá dois métodos para selecionar o valor padrão para um elemento HTML <select>.
Use selected="selected" para selecionar o valor padrão para um elemento HTML <select>
Podemos usar a opção selected="selected" para selecionar o valor padrão em um código HTML. Escrevemos o atributo selected na tag <option>. Podemos definir o valor do atributo selected como selected para selecionar a opção específica por padrão quando a página da web for carregada pela primeira vez. É chamado de atributo booleano em HTML. A opção pré-selecionada será exibida primeiro na lista suspensa. Este atributo pode ser usado apenas no elemento <option>. Suporta navegadores da web como Google Chrome, Internet Explorer, Firefox, Opera, etc.
Por exemplo, dentro do corpo do HTML, crie uma tag <select> seguida por cinco opções dentro dela. Escreva os números de 1-5 para o atributo value para cada opção. Escreva o texto de One a Five entre a etiqueta <option> para cada opção. Em seguida, escreva o atributo selected com o valor selected logo após abrir a tag <option> naquele valor específico que você deseja selecionar como o valor padrão (opção 3 no exemplo abaixo). Finalmente, feche a tag <select>.
O exemplo abaixo usa o método select=selected para selecionar o valor padrão em uma lista suspensa. Criamos uma lista suspensa que nos permite selecionar valores de One a Five. Quando a página é recarregada, a opção Three é carregada por padrão porque usamos o atributo select para especificar o elemento como padrão.
Código de exemplo:
<body>
<select>
<option value="1">One</option>
<option value="2">Two</option>
<option selected="selected" value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
</body>
Use a <opção selecionada> para selecionar o valor padrão para um elemento HTML <select>
Podemos usar a opção <opção selecionada> para selecionar um valor padrão em HTML. Este processo também é um pouco semelhante ao primeiro. Também é um atributo booleano. O elemento <select> é usado principalmente para coletar a entrada do usuário. A tag <option>, que escrevemos dentro do elemento <select>, define os itens disponíveis contidos na lista suspensa. Podemos escrever a opção selected na tag <option> particular para especificar a opção como uma opção selecionada padrão.
Por exemplo, dentro do corpo do HTML, crie uma tag <select> seguida pela tag <option> como no método acima. Na próxima linha, especifique valores de 1-5 para a tag de opção e feche a tag de opção. Repita este processo cinco vezes. Em seguida, escreva <selected> logo após a segunda tag <option> para selecioná-la como seu valor padrão. Finalmente, feche a tag <select>.
O exemplo abaixo usa a opção <option selected> para selecionar o valor padrão. Quando a página é carregada, podemos ver que a opção 2 é carregada por padrão na lista suspensa porque usamos a <option selected> no caso do segundo elemento.
Código de exemplo:
<body>
<select>
<option> 1 </option>
<option selected> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
</select>
</body>
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn