Wie kann man eine HTML Suchfunktion erstellen?
Ich möchte eine Website mit HTML erstellen auf welcher man eine Suchfunktion hat. Ich probiere mein Anliegen so genau wie möglich zu erklären.
Erst einmal soll man ein Stichwort in die Suchleiste eingeben und dann drückt man auf ENTER oder "Suchen". Daraufhin wird dann eine Liste mit allen Beiträgen angezeigt in welchen Titeln dieses Wort drin vorkommt.
PS: Ich bin neu mit HTML und deshalb wäre es gut wenn es so einfach wie möglich erklärt wird. Ich weiß das man dafür JavaScript braucht!
9 Antworten
Mit rein HTML geht das nicht.
Wenn du beispielsweise die Beiträge in einer Datenbank stehen hast könntest du per HTML-Formular eine Anfrage an eine serverseitige Programmiersprache wie z.B. PHP senden. Das PHP Script nimmt dann den Suchbegriff und stellt damit eine SQL Anfrage an die Datenbank und erzeugt aus dem Ergebnis dann deine Liste mit allen Beiträgen in welchen Titeln dieses Wort drin vorkommt.
Viele Wege führen nach Rom.
Meine Vorgehensweise war eben nur eine Möglichkeit wie man es realisieren könnte.
Die Suchfunktion wird wohl ein Formular sein, dass dann die Suchanfrage an ein (serverseitiges) Skript weitergeben wird, das dass die Suche durchführt. In HTML alleine geht das nicht.
Was hast du auf dem Backend? PHP?
Tut mir leid! Ich verstehe das mit dem Backend nicht wirklich! (siehe oben)
Mit HTML kannst du keine Suchfunktion programmieren.
Du brauchst eine Web-Programmiersprache, in der du das tun kannst. Die läuft für so eine Funktionalität typischerweise auf dem Webserver, also einem anderen Rechner, auf den du mit dem Browser zugreifst. In der Programmiersprache kannst du dann eine Suchfunktion programmieren.
Ich lasse die Seite bei einem kostenlosen Webhoster hosten
Das war nicht sie Frage
Die Frage war ob dein Server PHP zur Verfügung stellt.
Bei Kostenlosen Angebot nicht unbedingt der Fall
Ohne keine Chance eine Suche über all deine Seiten zu machen.
Lokale Suche auf der Seite wäre zwar mit JS möglich aber das macht ja schon der Browser
Das geht nicht mit reinem HTML, da das keine Programmiersprache ist.
Zudem ist die Frage, was Du genau unter "Beiträgen" verstehst. Wo sind die gespeichert und wie?
Wenn Du gerade erst anfängst, lerne erstmal die Grundlagen und erweitere dann Deine Skills.
Eine Suchfunktion ist schon was für Fortgeschrittene und wird eher bei datenbankbasierten Webseiten verwendet.
Es soll sowas wie eine Ansammlung an Rezept geben. Beispielsweise gibt man Spaghetti ein und dann kommen alle verschiedenen Spaghetti Arten
Wie und wo sind die Rezepte gespeichert? Wieso willst Du das komplett selber erstellen obwohl es schon genau solche Systeme gibt?
Eine Suchfunktion ist schon was für Fortgeschrittene und wird eher bei datenbankbasierten Webseiten verwendet
Stimmt so auch nicht
Man braucht nur etwas PHP und keine Datenbank um die Websites zu durchsuchen
Ich habe das auch schon für Kunden in normale HTML Seiten eingebaut
Und inwiefern ist meine Anmerkung falsch? Ich habe nicht gesagt dass es nicht ohne DB geht.
HTML ist eine Seitenbeschreibungssprache, Markup. Da gibt es keine Funktionen, demzufolge auch keine Suchfunktion.
Deshalb kann man dennoch in eine HTML Seite einen Suchbutton einbauen.
Hab ich vor Jahren bei einem Kunden auch gemacht.
Die Suche läuft dann auf den Server z.b. mit PHP das dann die Verzeichnisse durchgeht und in allen HTML Seiten sucht.
Das geht nur mit Javascript, mit HTML geht das nicht.
Ich weiß! Diese Antwort hilft mir aber wenig da ich immer noch nicht weiß wie ich das machen soll
Du wolltest das mit HTML machen, meine Antwort dazu war, das geht nicht.
Ich habe nirgendwo geschrieben das ich das unbedingt das mit HTML machen will aber ich meinte das meine Seite mit HTML programmiert ist.
Wie kann man eine HTML Suchfunktion erstellen
Da steht es doch ... dann ergänze bitte deine Frage entsprechend ;-)
Hab ich schon gemacht. Dauert nur bis das fertig geändert ist.
Eine Ergänzung einer Frage wird meist direkt freigegeben. Das Bearbeiten dauert immer noch was.
Geht auch ohne SQL mit einfachen HTML Seiten