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.
Name | Beschreibung |
---|---|
Ausrichtung | Ändert die Ausrichtung (links, rechts, mitte) der Schaltflächen. |
Werte
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 |
War dieser Artikel hilfreich?
Das ist großartig!
Vielen Dank für das Feedback
Leider konnten wir nicht helfen
Vielen Dank für das Feedback
Feedback gesendet
Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren