Formularfeld: Schaltflächen

Geändert am Do, 4 Jan um 11:54 VORMITTAGS

Das Symbol für Elemente vom Typ Fieldset.

Funktionsweise

Formularelemente vom Typ Schaltfläche fügen Schaltflächen in das aktuelle Formular ein. Wird das Formularelement in das Formular gezogem, sind zuerst zwei Schaltflächen vorhanden. Sie können aber beliebig viele Schaltflächen hinzufügen oder löschen, in dem Sie im Bereich Werte Einträge hinzufügen oder löschen

Für jede Schaltfläche kann zudem eine Aktion festgelegt werden, um das Formular zwischenzuspeichern, abzusenden oder auf eine andere Seite zu wechseln. Dies ist genauer im Abschnitt Werte beschrieben.

Eigenschaften

Übersicht der Standardeigenschaften

In diesem Abschnitt werden nur die Eigenschaften beschrieben, die von den Standards abweichen.

Darstellung

Zusätzlich hat dieses Formularelement noch folgende Eigenschaften im Bereich Grundeigenschaften.

Unter den Grundeinstellungen kann für Schaltflächen etwa noch festgelegt werden, wie diese ausgerichtet werden sollen.

Name	Beschreibung
Ausrichtung	Ändert die Ausrichtung (links, rechts, mitte) der Schaltflächen.

Werte

Für jede Schaltfläche kann ein Text eingegeben werden, der im Formular anzeigt wird, sowie und der Name, der intern im HTML verwendet wird. Zudem kann noch festgelegt werden, was passieren soll, wenn die Schaltfläche betätigt wird.

Zusätzlich hat dieses Formularelement noch folgende Eigenschaften im Bereich Werte.

Name	Beschreibung
Text	Die Beschriftung der Schaltfläche, die im Formular angezeigt wird.
Name	Der Wert des HTML-Attributs name, welches das input-Element im HTML erhalten soll. Dieser Name auch genutzt werden, um im JavaScript oder CSS auf die Schaltfläche zuzugreifen. Beispielsweise sorgt das CSS [name=btnSenden] { width:100%;} dafür, dass die Schaltfläche mit dem Namen btnSenden die volle Breite einnimmt.
Aktion	Die Aktion, die ausgeführt werden soll, wenn die Schaltfläche betätigt wird.

Hinzufügen und Löschen von Schaltflächen

Eine Schalftäche kann durch Drücken von gelöscht werden. Sobald die letzte leere Zeilen ausgefüllt wurde, wird automatisch eine neue leere Zeile angelegt, um weitere Schalftlächen hinzuzufügen. Weiterhin kann die Reihenfolge der Schaltflächen verändert werden, indem eine Schaltfläche mittels Drag&Drop von an eine andere Stelle gezogen wird.

Vorhandene Aktionen

Jeder Schaltfläche kann eine Aktion zugeordnet werden. Jede Aktion kann mit oder ohne Prüfung des Formulars erfolgen. Bei der Prüfung des Formular wird sichergestellt, ob etwa alle Mussfelder ausgefüllt wurden und keine Formularfelder mit fehlerhaften Eingaben (Validierung der Datentypen) vorliegen.

Es stehen die folgenden Aktionen zur Verfügung.

Name	Beschreibung
keine Aktion	Es wird keine Aktion bei Klick auf die Schaltfläche ausgeführt. Diese Option kann verwendet werden, wenn eine eigene Aktionen mittels JavaScript implementiert werden soll. Das folgende Beispiel gibt eine kurze Nachricht aus, wenn die Schaltfläche mit dem Namen btnNachricht gedrückt wird. $("[name='btnNachricht']").click(() => alert("Der Knopf wurde gedrückt."));
Seite<NAME>	Wechselt auf die Seite mit dem angegebenen Namen. Jede im Formular angelegte Seite erscheint mit Namen in der Auswahlliste.
Seite<NAME> + prüfen	Wechselt nur auf die Seite mit dem angegebenen Namen, wenn die derzeitige Seite keine fehlerhaften Eingaben enthält.
absenden	Sendet das Formular an den Server und legt dort einen Vorgang an. Das Formular wird auch abgesendet, egal ob es noch fehlerhafte Formularfelder gibt oder nicht.
absenden + prüfen	Sendet das Formular nur an den Server, wenn das Formular keine fehlerhaften Eingaben mehr enthält.
absenden o. speichern	Sendet das Formular an den Server, legt aber keinen Vorgang an. Diese Aktion sollte verwendet werden, wenn Sie die Formulardaten zwar mit einem Workflow verarbeiten möchten, aber keinen dauerhaften Vorgang anlegen wollen.
absenden popup o. speichern	Sendet das Formular an den Server und öffnet die Antwortseite als Pop-Up, legt aber keinen Vorgang an. Diese Aktion sollte verwendet werden, wenn Sie die Formulardaten zwar mit einem Workflow verarbeiten, aber keinen dauerhaften Vorgang anlegen möchten. Über das Pop-Up-Fenster wird in der Regel eine Datei zum Download angeboten. Siehe Datei ausliefern.
speichern	Speichert den Formularinhalt zur späteren Weiterverarbeitung auf dem Server. Das Formular wird auch abgesendet, egal ob es noch fehlerhafte Formularfelder gibt oder nicht. Hierbei wird der Vorgang in einen gesperrten Zustand versetzt, da noch keine endgültiges Absenden erfolgt ist und sollte daher bei initialen Ausfüllprozess verwendet werden. Für eine spätere Zwischenspeicherung ist ein Absenden Button empfehlenswert, da dann auch die Daten überschrieben werden. Siehe auch: Schulungsvideo
speichern + prüfen	Speichert den Formularinhalt zur späteren Weiterverarbeitung auf dem Server nur dann, wenn das Formular keine fehlerhaften Eingaben mehr enthält. Hierbei wird der Vorgang in einen gesperrten Zustand versetzt, da noch keine endgültiges Absenden erfolgt ist und sollte daher bei initialen Ausfüllprozess verwendet werden. Für eine spätere Zwischenspeicherung ist ein Absenden Button empfehlenswert, da dann auch die Daten überschrieben werden. Siehe auch: Schulungsvideo