typo3-handbuch.net
typo3-handbuch.net

TYPO3 Inhaltselemente – Formulare: Formular

Das wohl am weitest verbreitete Formular auf Webseiten ist das Kontaktformular. In der Regel wird der Administrator bzw. die betreuende Internetagentur ein professionelles Formular erstellen, dessen Funktionsumfang über das Standard-Formular von TYPO3 hinausgeht.

Dafür existiert eine Reihe sehr guter Extensions, mit denen sich beispielsweise durch ein Captcha auch ein SPAM-Schutz realisieren lässt, die eingegebene E-Mail-Adresse des Absenders auf formale Richtigkeit überprüft wird, mehrere Mailempfänger die Anfrage erhalten können und anderes mehr. Solche Formulare werden normalerweise relativ selten geändert bzw. dann erforderliche Änderungen fallen in der Regel nicht in den Verantwortungsbereich der Redakteure.

Ein (sehr einfaches) Formular, welches über das Inhaltselement vom Typ Formular erstellt wurde, soll nachfolgend kurz vorgestellt werden. Dabei ist zu berücksichtigen, dass das Formular auf der Website nur dann „gut aussieht“, also beispielsweise alles korrekt ausgerichtet ist, wenn der Administrator das CSS dafür entsprechend eingerichtet hat.

Der Inhalt im Feld Formularstruktur verdeutlicht, dass diese Einträge für Redakteure im Regelfall nicht intuitiv nachvollziehbar sind. Sie wurden mit Hilfe des Formularassistenten erstellt.

Nach dem Aufruf des Formularassistenten präsentiert sich für das hier vorgestellte Beispielformular die nachstehende Ansicht:

Die Erstellung von Formularen ähnelt der Tabellenerstellung.
 

Firma (Bereich 01)

Die Bereiche Firma:, Name: und E-Mail: wurden als Eingabefelder eingerichtet. Das Feld Anfrage als Textbereich. Weitere zur Verfügung stehende Feldtypen sind:

Auswahlfeld, Markierungsfeld, Radioknopf, Passwortfeld, Dateitransfer, Versteckter Wert, Absendeschaltfläche, Eigenschaft, Beschriftung.

Am Beispiel des Felds Firmawerden die verschiedenen Einstellmöglichkeiten betrachtet:

  • Typ: Ein Eingabefeld ist ein einfaches (einzeiliges) Feld, in das sich ein Eintrag vornehmen lässt.
  • Beschriftung: legt die Feldbeschriftung fest, welche links neben dem Eingabefeld steht.
  • Benötigt: sofern ausgewählt, ist das Eintragsfeld ein Pflichtfeld. Trägt der Benutzer nichts ein, so kann das Formular nicht abgeschickt werden und er erhält beim Versuch eine entsprechende Aufforderung, das Feld auszufüllen.
  • Feld: hier wird dem Feld ein eindeutiger Name zugeordnet
  • Größe: legt fest, wie groß die Breite des Feldes sein soll, z.B. 50 Pixel.
  • Max: hiermit lässt sich die maximale Anzahl von Zeichen festlegen, welche der Benutzer in das Feld eingeben kann.
  • Wert: sofern ein Wert angegeben wird, erscheint dieser voreingestellt im Eingabefeld – z.B. „Land: Deutschland“. Wenn davon auszugehen ist, dass die meisten Anfragen aus Deutschland kommen, erspart man dem Benutzer etwas Tipparbeit. Der Benutzer kann den voreingestellten Wert bei Bedarf durch einen eigenen Eintrag ersetzen.


Absendeschaltfläche (Bereich 02)

Damit das Formular abgeschickt werden kann, wird eine Absendeschaltfläche benötigt. Daher ist ein Feld mit diesem Elementtyp einzurichten.
 

Spezielle Konfiguration für Mail-Formulare (Bereich 03)

Mit Beschriftung der Absendeschaltfläche lässt sich festlegen, welcher Text im Absende-Button stehen soll – z.B. „Senden“, „Absenden“ oder „Abschicken“.

Wird der HTML-Modus aktiviert, so wird das Formular als HTML E-Mail verschickt, kann also Formatierungen enthalten.

Betreff: Der Betreff, den die zu versendende E-Mail haben soll.

Empfänger-E-Mail: Mailadresse, an welche die Zustellung erfolgen soll.
 

Reiter Verhalten:

Es gehört zum guten Ton, dass der Nutzer des Formulars nach dem Absenden seiner Anfrage eine Bestätigung über den erfolgreichen Versand erhält. Daher ist es empfehlenswert, zu diesem Zweck eine Seite mit einem entsprechenden Text („Vielen Dank für Ihre Anfrage. Wir haben diese erhalten und werden uns zeitnah mit Ihnen in Kontakt setzen.“) bereitzustellen.

Unter dem Reiter Verhalten kann eine entsprechende Zielseite eingetragen werden und auch die E-Mail-Adresse des Empfängers.

BLÄTTERN INNERHALB DER AKTUELLEN RUBRIK

  • VORHERIGE SEITE
  • NÄCHSTE SEITE
 
Feedback zur TYPO3 Webagentur und Webdesign, Köln