¿Cómo especificar una etiqueta más corta para una opción en HTML5?

El atributo de etiqueta de opción HTML especifica el valor de texto que define la etiqueta abreviada de la opción.

En la lista desplegable, se mostrará la versión más corta. Un objeto almacenado en un elemento <select> , <optgroup> o <datalist> se define mediante el elemento HTML <option> . Como resultado, <opción> se puede utilizar para representar elementos de menú emergente y otras listas de elementos en un documento HTML.

Sintaxis:

<option label="text">

Ejemplos: el atributo de etiqueta para un elemento de opción se muestra en los ejemplos a continuación.

HTML

<!DOCTYPE html>
<html>
<head>
 
<style>
    body
      {
        text-align:center;
      } 
    </style>
     
</head>
 
<body>
    <h1 style="color:green">GeeksforGeeks</h1>
     
    <h2>
     Choose a Coding Language in which you code....
   </h2>
     
    <select>
        <option>Choose an option</option>
        <option label="C">C Programming</option>
        <option label="C++">C++ Programming</option>
        <option label="JAVA">JAVA Programming</option>
        <option label="Python">Python Programming</option>
        <option label="C#">C# Programming</option>
    </select>
</body>
 
</html>

Producción :

Etiqueta1

Ejemplo 2:

HTML

<!DOCTYPE html>
<html>
<head>
 
  <style>
    body
      {
        text-align:center;
      }
    h1
      {      
        color:green;
      }
       
    h2
      {      
        color:orange;
      }
  </style>
     
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
     
    <h2>
     Choose a Course in which you want to enroll
    </h2>
     
    <select>
        <option>Choose an option</option>
        <option label="Java Collections">1</option>
        <option label="DSA Self Paced">2</option>
        <option label="Live Backend Development in Java">3</option>
        <option label="Python Library">4</option>
        <option label="Standard Template Library in C+">5</option>
    </select>
</body>
 
</html>

Producción:

Etiqueta 2

Nota: Firefox no admite el atributo de etiqueta <option>.

Publicación traducida automáticamente

Artículo escrito por piyushkr2022 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 *