Frage zum Wiki-Artikel „Suchformulare“

[marctrix]

Guten Morgen Hubert,

Ich möchte ein einfaches Suchformular auf einer HTML5-Seite erstellen, wo ich mit Klick auf "finden" eine gespeicherte PDF-Datei öffnen kann.

Ich habe das Gefühl, du willst eigentlich etwas anderes. Dazu unten mehr.

Habe folgendes Suchfolmular mit Überschriften für meine gespeicherten PDF-Dateien:

  <form action="#">
  	<p>
  		<label>
  			Suchbegriff
  			<input type="search" list="Inhalt">
  			<datalist id="Inhalt">
  				<option value="Text 01.PDF" >
  				<option value="Text 02.PDF"> 
  				<option value="Text 03.PDF"> 
  				<option value="Text 04.PDF"> 
  				<option value="Text 05.PDF"> 
  				<option value="Text 06.PDF"> 
  				<option value="Text 07.PDF">
  				<option value="Text 08.PDF"> 
  				<option value="Text 09.PDF"> 
  				<option value="Text 10.PDF"> 
  				<option value="Text 11.PDF"> 
  			</datalist> 
  		</label>
  		<button>finden</button>
  	</p>				
  </form>

Auch wenn du ein <input type="search"> verwendest, ist das kein Suchformular.

In ein Sucheingabefeld kann man beliebige Worte eingeben und bekommt dann eine Liste mit Treffern wieder. Diese Trefferliste enthält dann nur die Dokumente, in welchen der gesuchte Begriff gefunden wurde, also vermutlich nicht alle 11 PDF-Dokumente.

Frage 1: Wie kann ich meine PDF-Dateien den Überschriften zuordnen?

Ich sehe keine Überschriften, daher verstehe ich nicht, was du meinst.

Frage 2: Was muss ich bei <form action="#"> eingeben, damit ich bei Klick auf "finden" die jeweilige PDF-Datei öffnen kann?

Welche ist denn die jeweilige?

Eine die man erst ausgewählt hat?

Ich würde mich sehr freuen, wenn dies ohne PHP möglich wäre.

Dann mache ich Dir einen Vorschlag aufgrund der folgenden Annahme:

Vermutlich möchtest du keine Suche, sondern du hast eine Liste von PDF-Dokumenten, die der Nutzer öffnen können soll.

Verwende dafür doch einfach eine Liste von Links. Das hat mehrere Vorteile: man sieht sofort alle verfügbaren Dokumente und spart sich Klicks und Scrollen, statt eine Drop-Downs-Liste erst zu öffnen, dann (u.U. mit Scrollen) dadurch zu navigieren, zusätzlich vielleicht die Menge durch Eingabe eines Textes einzuschränken, dann einen Eintrag auszuwählen und zuletzt auch noch auf einen Button zu klicken, klickt man einfach auf den entsprechenden Link und gut ist.

Wenn du Platz sparen willst oder musst, kannst du die Liste mit dem details-Element zuklappen.

Marc