Wie erstell ich eine Suchfunktion in HTML?

3 Antworten

Dein Problem ist nicht die HTML Datei, dein Problem scheint das Verständnis zu sein.

HTML sollte klar sein: Form mit Input, Submit Button der dann irgendwo Daten hinschießt bzw. deine URL + Suchparameter öffnet

Backend / PHP: Muss die Suchparameter extrahieren und entsprechend einen Suchquery daraus bauen, um in deiner Datenstruktur etwas zu suchen.

Die Daten: Du brauchst Daten, um was suchen zu können. Entweder sind die gehardcodet, was wenig Sinn ergibt. Oder du hast eine Datenbank, die du damit ansprichst.

Such mal bitte nach ein paar von den Stichworten, die ich hier genannt habe, Tutorials zu der Thematik gibt es zu Hauf.


opticmedia 
Beitragsersteller
 11.08.2022, 11:46

Ja es gibt eine Datenbank. Aber ich möchte eigentlich das der eingegebene Text 1 zu 1 in eine domain umgewandelt wird und geöffnet wird da diese vorhanden ist. Ich dachte das es so am einfachsten ist da die Keyword Seite ja schon vorhanden ist

meinst du das so ?

<input id="suchen" name="suchen" type="text">
<button onclick="sucheoeffnen()">Suchen</button>
<script>
function sucheoeffnen() {
 let suche = document.getElementById("suchen").value;
 location.href="/index.php/article/keywords/show/keyword/"+suche;

}
</script>

ginge wohl auch in einem 
<button onclick="location.href='/index.php/article/keywords/show/keyword/'+document.getElementById('suchen').value">Suchen</button>

opticmedia 
Beitragsersteller
 11.08.2022, 12:05

Danke, hab dein Code ausprobiert und es funktioniert genau wie es soll.

RouteUS66  11.08.2022, 11:49

Klingt so. Hatte das irgendwie missinterpretiert in meiner Antwort.

und was sind die suchergebnisse?

wenn du nur auf der aktuellen seite z.b. text suchst, dann lässt sich des mit javascript machen. wenn du aber bestandteile von anderen seiten suchen willst, dann brauchst php (und in idealfall den inhalt in ner db)