Datenschutzhinweis

 

Beim Laden dieses Inhalts werden Nutzungsinformationen an Vimeo übertragen und dort ggf. verarbeitet.

 

             

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.

NameBeschreibung
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.

NameBeschreibung
TextDie Beschriftung der Schaltfläche, die im Formular angezeigt wird.
NameDer 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.
AktionDie 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.

NameBeschreibung
keine AktionEs 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üfenWechselt nur auf die Seite mit dem angegebenen Namen, wenn die derzeitige Seite keine fehlerhaften Eingaben enthält.
absendenSendet 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üfenSendet das Formular nur an den Server, wenn das Formular keine fehlerhaften Eingaben mehr enthält.
absenden o. speichernSendet 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. speichernSendet 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.
speichernSpeichert 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üfenSpeichert 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

Wie können wir diesen Artikel verbessern?

Wählen Sie wenigstens einen der Gründe aus
CAPTCHA-Verifikation ist erforderlich.

Feedback gesendet

Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren