HTML | <opción> atributo seleccionado

El atributo HTML <opción> seleccionado se utiliza para especificar qué opción debe seleccionarse de forma predeterminada cuando se carga la página . Este es un atributo booleano. La opción que tiene el atributo seleccionado se mostrará por defecto.
Sintaxis: 
 

<option selected> 

Ejemplo-1: Este ejemplo ilustra el uso del atributo seleccionado en la opción Elemento. 
 

html

<!-- HTML program to illustrate selected Attribute -->
 
<!DOCTYPE html>
<html>
 
<head>
    <title>HTML selected Attribute</title>
</head>
 
<body style="text-align: center;">
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML Option selected Attribute</h2>
 
    <!-- List of Options -->
    <select>
        <option value="merge">Merge Sort</option>
        <option value="bubble">Bubble Sort</option>
        <option value="insertion">Insertion Sort</option>
 
        <!-- Option element with selected attribute -->
        <option value="quick" selected>Quick Sort</option>
    </select>
</body>
 
</html>

Producción: 
 

Ejemplo-2: 
 

html

<!-- HTML program to illustrate selected Attribute -->
 
<!DOCTYPE html>
<html>
 
<head>
    <title>HTML selected Attribute</title>
</head>
 
<body style="text-align: center;">
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML Option selected Attribute</h2>
 
    <!-- List of Options -->
    <select>
        <option value="c">C</option>
        <option value="cpp">C++</option>
<!-- Option element with selected attribute -->
        <option value="python" selected>Python</option>
        <option value="java" >JAVA</option>
    </select>
</body>
 
</html>                   

Producción: 
 

Navegadores compatibles: los navegadores compatibles con el atributo seleccionado de la opción HTML se enumeran a continuación: 
 

  • Google cromo 1
  • Borde 12
  • explorador de Internet
  • Firefox 1
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *