Navigation mit Formular-Buttons in reinem HTML

von Thomas Salvador.

Wie im Tutorial "Formulare in HTML" zu lesen, wird bei der Formulardefinition über das action-Attribut bestimmt, was geschehen bzw. was aufgerufen werden soll, wenn auf den Kommando-Button vom Typ submit geclickt wird.

Dies ist üblicherweise ein Programm, welchem dem die Formulardaten über das CGI übermittelt werden.

<form action="/cgi-bin/ein-cgi.pl" ...>
...
<input type="submit" value="Absenden" />
</form>

Es wird dabei gerne übersehen, dass es aber eine beliebige Datei sein kann, insbesondere eine HTML-Datei.

<form action="https://brauchbar.de" ...>
...
<input type="submit" value="brauchbar.de besuchen" />
</form>

Klickt in diesem Formular jemand auf den Button, wird https://www.brauchbar.de gerufen.

Ohne unterstützendem Programm wird diese Art der Navigation umständlich, wenn man von einer Seite aus mehrere Linkziele anbieten möchte, da man für jedes ein separates Formular benötigt. Aber sie ist möglich, ohne CGI, ohne JavaScript.

Reines HTML und somit dort lauffähig, wo Formulare verstanden werden.

Beispiel

<table>
  <tr><th colspan="2">gehe zu</th></tr>
  <tr>
    <td><form action="https://brauchbar.de/artikel/html/formulare-in-html">
      <input type="submit" value="Formulartutorial" /></form></td>
    <td><form action="https://brauchbar.de/artikel/html/tabellen-in-html">
      <input type="submit" value="Tabellentutorial" /></form></td>
  </tr>
</table>

liefert (Sie können es ausprobieren, die Referenzen sind gültig)

gehe zu

Besonders geeignet zur Anordnung der Buttons sind freilich Tabellen oder Container.