Einfache HTML-Textlinks als Submit-Buttons verwenden

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Problem

Es soll ein einfacher HTML-Textlink verwendet werden, um ein Formular abzuschicken.

Lösung

Verwenden Sie hinter den Kulissen JavaScript, um das Formular abzuschicken:

<form name="msgform" method="get" action="results.php">
  <label for="fmmsg">Message</label>
  <textarea name="fmmsg" accesskey="m" id="fmmsg" rows="5" cols="14"></textarea>
  <a href="javascript:document.msgform.submit( );">Submit</a>
</form>

Diskussion

Während im Rezept Submit-Buttons, die wie einfacher HTML-Text dargestellt werden beschrieben wurde, wie ein Submit-Button als einfacher HTML-Link "verkleidet" werden kann, beschreibt dieses Rezept den umgekehrten Weg, also die Verwendung eines einfachen Textlinks als Submit-Button. Der größte Nachteil dieses Ansatzes besteht darin, dass er ohne JavaScript nicht funktioniert. Browser, die Java- Script nicht unterstützen oder bei denen JavaScript deaktiviert wurde, können auf diese Weise gestaltete Formulare nicht benutzen.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln