Hace unos dias descubri que con html se puede hacer un autocompletado sin usar jQuery o alguna otra herramienta e hice esto:

categoriaClubFutbol.php

    <label for="club" class="form-label">Clubes</label>
    <input type="text" class="form-control" name="club" id="club" list="miLista">
    <datalist id="miLista">
        <?php foreach($datos as $c){ ?>
           <option value="<?=$c['id'];?>"><?=$c['club'];?></option>
        <?php } ?>
    </datalist>

Funciona bien, pero el error que tengo es que si selcciono el club dentro del `input` me muestra `id` y no el nombre del equipo.


Este es un ejemplo sin `PHP`

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <label for="club" class="form-label">Clubes</label>
        <input type="text" class="form-control" name="nombre" id="club" list="miLista">
        <datalist id="miLista">
               <option value="1">Boca</option>
               <option value="2">River</option>
               <option value="3">Independiente</option>
               <option value="4">Racing</option>
        </datalist>

<!-- end snippet -->


Agradesco de antemano.