HTML / Was ist ein Formular?

von: P. Rettinghaus

Wie aus der allgemeinen Praxis bekannt, dient ein Formular mit seinen verschiedenen Feldern für bestimmte Angaben zur übersichtlichen und einfachen Erfassung und Auswertung von Daten.

Auch HTML stellt eine solche Möglichkeit zur Verfügung. Mit Hilfe spezieller Tags (Befehle) kann ein Benutzer eines Formulares u.a.:

Eingabefelder ausfüllen,
in mehrzeiligen Textfeldern Text eingeben,
aus Listen Einträge auswählen
Buttons anklicken.

Und am Ende (statt seiner Unterschrift) klickt der Anwender auf einen Button, um das Formular abzusenden (verarbeiten zu lassen).

Daraus ergeben sich die unterschiedlichsten Aufgaben, die ein Formular übernehmen kann, so zum Beispiel eben bestimmte Auskünfte vom Benutzer einholen.

• Wie ist ein Formular aufgebaut?

Der <form>-Tag leitet ein Formular ein, und beendet wird ein Formular mit </form>. In einem durch diese Tags eingeschlossenen Bereich können nun neben Texten oder Grafiken auch Elemente wie Schaltflächen und Eingabefelder vorhanden sein.

Zu dem einleitenden Formular-Tag gehören drei Attribute, mit deren Hilfe genau festgelegt werden kann, was mit dem Formular geschehen soll.

Das Attribut name="" gibt dem Formular einen Namen. Dies ist immer dann wichtig, wenn man sich auf das Formular beziehen muß.
Das Attribut action="" legt eine Adresse fest, die aufgerufen wird, wenn das Formular z.B. abgeschickt werden soll.
Das Attribut method="" bestimmt die Methodik, wie die Parameter verarbeitet werden. Hier gibt es nur zwei Möglichkeiten:

• method="get": Übergibt alle Daten an die mit "action=" festgelegte Adresse, indem es alle notwendigen Angaben einfach an die Adresse "anhängt".
• method="post": Nutzt für die Übergabe aller Daten eine Umgebungsvariable.

<form name="Beispielformular" action="andere_seite.htm" method="get">

   Formularinhalt

<form>

Das könnte Sie interessieren:

Einführung in HTML

Bildschutz (2)

Favicon erstellen - Favoriten Icon - Ihr Logo in den Favoriten (Lesezeichen)

HTML 5 - Die neuen Input-Elemente. Werfen Sie einen Blick auf die neuen Eingabefelder in HTML5.

Grafik Einbinden - So werden Grafiken und Bilder richtig eingebunden (referenziert).

Bildschutz (4)

Frameset Vorlagen (5)

Bildergalerie mit iFrames - Diese Galerie benötigt kein JavaScript und ist sehr einfach anpassbar.

Regenbogenfarben

Frameset Vorlagen (4)

Aufzählungslisten (und Nummerierte Listen) mit HTML und CSS formatieren

Auswahllisten-Vorlagen - Nichts ist langweiliger beim schreiben als große Auswahllisten zu erstellen! Hier finden Sie deshalb diverse Auswahllisten zum kopieren. …mehr