Achso und nochwas... Wenn ich den Code verwende überschreibt er das CSS des Templates und die Navigation verschwindet auf der linken Seite. Wenn ich hingegen li{display:none} entferne, bleibt die Navigation links bestehen... Ich bin hier am verzweifeln

Ernsthaft, so nach und nach rückst du mit Anforderungen raus? Ja, sicher kannst du die Einträge auch entfernen, dafür überprüfst du, ob im Eingabefeld etwas steht. Ist dies der Fall, so setzt du einfach wieder display:none;

Zu deinem zweiten Problem: Setze dich mit den Grundlagen von CSS auseinander, wenn du nur li in einem bestimmten Bereich ausblenden willst, dann musst du dein CSS spezifizieren. Gib deiner Liste also zB eine ID und spreche dann nur die li innerhalb dieser ID an.

Die ID ist ist vergeben und es funktioniert tadellos Ich bin auf dem Gebiet wirklich ein Neuling, aber mit deinem Tipp und deiner Hilfe hat es nun funktioniert

Das mit dem Display:none für das Eingabefeld habe ich nur nicht ganz verstanden :-/ Im Eingabefeld ist der placeholder gesetzt und den habe ich mit #placeholder{display:none} versehen, aber weiterhin werden beim leeren des Eingabefeldes die ersten 5 Einträge der Liste gezeigt.

https://www.w3schools.com/code/tryit...e=FDFQ4D80KL0A

Hast du noch einen Tipp für mich? Ich will es unbedingt verstehen

Die Frage wurde hier gelöst
Vielleicht hilft der Beitrag ja anderen Usern.
Hier der Link

https://www.html.de/threads/liste-un...ehalten.57124/

Vielen Dank für die Hilfe!