HTML 30-day challenge - Día 22

En la lista anterior, permite al usuario introducir opciones personalizadas (no sólo las de la lista) y filtrar las opciones existentes.

HTML

  
  <p>Desarrollo de software</p>
  <input type="text" list="lenguajes">
  <datalist id="lenguajes">
    <option value="html">HTML</option>
    <option value="css">CSS</option>
    <option value="js">JavaScript</option>
    <option value="php">PHP</option>
    <option value="ruby">Ruby</option>
    <option value="py">Python</option>
    <option value="aws">AWS</option>
    <option value="docker">Docker</option>
    <option value="host">Hosting</option>
  </datalist>
  

CSS

  
    input {
      width: 50%;
      padding: 8px;
      margin: 1rem 0;
      border: none;
      box-shadow: black 0 0 4px;
    }
  
Día 21 Día 23

Desarrollo de software