HTML | Atributo de lista <entrada>

El atributo de lista HTML <input> se utiliza para identificar una lista de opciones predefinidas para que un elemento sugiera al usuario .

Sintaxis:

<input list="datalist_id">

Valores de atributos:

  • datalist_id: se usa para especificar el Id de la lista de datos que se usará para hacer un enlace con el elemento de entrada.

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML Input list Attribute
  </title>
</head>
  
<body>
    <h1>
        GeeksForGeeks
    </h1>
    <h1 style="color:green">
      HTML Input list Attribute
  </h1>
  
    <form action="">
        <label>Your Cars Name: </label>
        <input list="cars">
        <datalist id="cars">
            <option value="BMW" />
            <option value="Bentley" />
            <option value="Mercedes" />
            <option value="Audi" />
            <option value="Volkswagen" />
        </datalist>
    </form>
</body>
  
</html>

Producción:

Navegadores compatibles: los navegadores compatibles con el atributo de lista <input> de HTML se enumeran a continuación:

  • Google Chrome 20.0
  • Internet Explorer 10.0
  • Firefox 4.0
  • Ópera 9.6

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 *