Sie sind hier: Startseite -> HTML-Grundlagen -> Formulare -> Schaltfläche

HTML-Grundlagen: Schaltfläche

Submit: Abschicken der Daten durch Schaltfläche

Ein wichtiges Element in der Kommunikation zwischen Benutzer und Computer bzw. Internet ist die Schaltfläche. Diese normalerweise erhabene Fläche befindet sich am Ende eines Formulares, um die Daten, die man in das Formular eingetragen hat (zum Beispiel Telefonnummer, Name, Adresse oder Artikelnummer), abzuschicken.

Dieser Code ergibt:

Erst durch den Klick auf die Schaltfläche werden die Daten abgeschickt und das Skript, das daraufhin angesprochen wird, kann mit den Daten arbeiten. Diese können dann in eine Datenbank eingetragen werden oder sie werden an eine Mailadresse geschickt, beispielsweise um eine Bestellung einzuleiten.

Alternativ kann man das Formular auch so einstellen, dass man auf die Schaltfläche nicht klicken muss, um den Vorgang einzuleiten, beispielsweise bei einer Suchmaschine, in der man mittels Enter-Taste den Suchvorgang einleiten kann. Viele Computeranwender erkennen die Möglichkeit aber nicht und klicken trotzdem auf die Schaltfläche, die meistens "Go!", "Senden" oder "Abschicken" beschriftet ist, was ja nicht störend ist.

Die Schaltfläche findet sich aber nicht nur auf Webseiten im Internet, sondern auch oft auf lokalen Programmen, um Daten einzustellen. Erst wenn man auf die Schaltfläche, oft "Speichern" oder eben "Abschicken" bezeichnet, geklickt hat, werden die eingestellten Daten übernommen.

Somit ist das Formular das Mittel für die Kommunikation zwischen User und Computer bzw. Server (Internet), aber die Schaltfläche ist meistens der Auslöser für die Kommunikation.

Ebenfalls interessant:

Formular (FORM)

Informationen über den FORM-Tag, mit dem ein Formular in eine Webseite eingebaut werden kann.

Checkbox

Informationen über die Checkboxen, die in Formulare eingebaut werden können.

Radiobutton

Informationen über den Radiobutton, der in HTML-Formulare für die Beantwortung genützt werden kann.

[aktuelle Seite]

Schaltfläche

Informationen über die Schaltfläche, wie sie in Formularen programmiert wird.

Auswahlfeld

Informationen über die Auswahlliste mit Select, die bei HTML-Formularen oft genützt wird.

Auswahlfeld mehrfach

Informationen über die Auswahlliste mit select multiple, wodurch in HTML-Formulare eine Mehrfachauswahl möglich wird.

Textfeld

Informationen über das Textfeld, das in HTML-Formularen mit dem input-Tag erstellt werden kann und seine Parameter.

Mehrzeiliges Feld

Informationen über das mehrzeilige Textfeld in HTML-Formularen durch den textarea-Tag.

Verstecktes Feld

Informationen über das versteckte Formularfeld, das mit dem input-Tag unter HTML möglich wird, um interne Informationen einzubauen.

Schreibschutz

Informationen über den Schreibschutz bei Formularfelder in HTML-Formulare, der durch den Parameter readonly möglich wird.

Datei hochladen

Informationen über die Möglichkeit, Dateien über ein Formular durch den Type File des input-Tags hochzuladen.

Beschriftung

Informationen über den Label-Tag für die Beschriftung von HTML-Formularfelder und zur Formatierung mit CSS bzw. als Hilfe für barrierefreie Formulare.

Zurück zum Hauptthema

Übersicht Formulare

Startseite HTML-Grundlagen