brauchbar.de - WebDesign, Programmierung,Development in HTML, CSS, Javascript, PHP, Perl und mehr

[ Startseite | Artikel : HTML · JavaScript · CSS · Perl · Usability · Sonstiges | Services | Über ]


verwandte Artikel und Seiten

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" ...>
...
</form>

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

<form action="http://www.brauchbar.de">
<input type="submit" value="brauchbar.de" />
</form>

Klickt in diesem Formular jemand auf den Button, wird http://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 JS. Reines HTML und somit dort lauffähig, wo Formulare verstanden werden.

Besonders geeignet zur Anordnung der Buttons sind freilich Tabellen.

Beispiel

<table><tr><th colspan="2">gehe zu</th></tr>
  <tr>
    <td><form action="57.html">
      <input type="submit" value="Formulartutorial" /></form></td>
    <td><form action="42.html">
      <input type="submit" value="Tabellentutorial" /></form></td>
  </tr>
</table>

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

gehe zu

Verwandte Artikel und Seiten



brauchbar web
Diese Site anlinken. Artikel zu CSS | HTML | JavaScript | Perl | Usability | Sonst. | nach Ausgabe.

Copyright © 1999-2015 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei all-inkl.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.

zum Inhaltsverzeichnis der 20. Ausgabe.

Linken Sie bitte zu der festen Adresse http://www.brauchbar.de/wd/artikel/76.html .