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
<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>