Auflistung von Daten

[wolfgangSaul]

Hallo,
ich bin dabei PHP/HTML/MYSQL zu erlernen. Ich habe bei einem Programm im Netz folgendes gesehen. Eine Box mit Daten und ein Eingabefeld. Nach jedem Eintippen eines Buchstabens in das Eingabefeld werden in der Box nur noch die Daten angezeigt, die das im Eingabefeld gebildete Wort beinhalten und das ganz schön schnell. Ist das eine besondere Funktion oder muß man sich das selbst programmieren?
Wolfgang

 

[Sempervivum]

Hallo Wolfgang und willkommen im Forum!

Ja, so etwas gibt es vorgefertigt, sieh dir das datalist-Element an:
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/datalist
Das braucht zunächst eine feste Liste von Optionen im HTML. Häufig will man, dass die Elemente aus einer Datenbank kommen. Dann kann man diese Liste mit PHP und Mysql aus der Datenbank aufbauen.

Hat man sehr viele Optionen ist das wiederum ungünstig, weil man zunächst alle herunter laden muss. Eine Verbesserung besteht dann darin, zu warten bis der Benutzer z. B. 3 Zeichen eingegeben hat und dann die Datenbankabfrage zu starten. Dann müssen nur die passenden Optionen herunter geladen werden. Es gibt mehrere Javascript-Bibliotheken, die das unterstützen, z. B. Select2 und Selectize, die ich früher empfohlen habe. Leider benutzen beide jQuery und sind daher nicht mehr zeitgemäß. Eine Alternative ist Tom-Select:
https://tom-select.js.org
Oder Slim-Select:
https://slimselectjs.com/
Beide unterstützen das Laden der passenden Daten über Ajax.