Startseite ⇒ HTML Formular ⇒ Aufbau
2303 Aufrufe

Ein HTML Formular definieren

Das HTML Element form

form = Formular


Beschreibung:

Beim HTML Element form handelt es sich um ein Block-Element und es bildet das Gerüst eines Formulars. In ihm wird notiert wie das Formular verarbeitet werden soll und was das Formular enthalten soll.


Syntax:

Mit dem Start-Tag <form> leiten Sie ein Formular ein. Danach notieren Sie alle Elemente die den Inhalt desFormulars ausmachen. Mit dem End-Tag </form> schließen Sie das Formular ab.


Quelltext:

<form>
... Formularinhalt ...
</form>

Das Pflicht-Attribut action

action = Aktion


Beschreibung:

Um ein Formular korrekt zu definieren, müssen Sie die URI angeben, an welche die Formulardaten beim Absenden des Formulars übertragen werden sollen. Dort werden die Formulardaten dann entsprechend weiterverarbeitet. Diese Angabe machen Sie mit dem Pflichtattribut action="Wert".


Syntax:

Das Attribut action="Wert" notieren Sie innerhalb des Start-Tag <form>. Dabei ist der "Wert" des Attributes die Adresse an welche die Daten übertragen werden sollen. Meistens handelt es sich um ein CGI-Script oder eine Email-Adresse.


Quelltext:

<form action="kontakt.php">
... Formularinhalt wird an die Datei kontakt.php übertragen...
</form>

<form action="mailto:email@adresse.de">
... Formularinhalt wird an die Email email@adresse.de übertragen ...
</form>

Das Attribut method

method = Methode


Beschreibung:

Mit dem Attribut method="Wert" bestimmen Sie nach welcher HTTP-Übertragungsmethode die Formulardaten übertragen werden. Als "Wert" für das Attribut method sind "post" und "get" möglich. Standardeinstellung hierbei ist der Wert "get".

  • method="get" - bei dieser Methode werden die Formulardaten als Parameter an die Aufrufadresse angehängt. Benutzen Sie diese Methode, wenn die Anzahl der übergebenen Zeichen nicht so hoch ist (bis ca. 2000 Zeichen je nach Browser)
  • method="post" - bei dieser Methode werden die Formulardaten an den Web-Server geschickt. Dieser stellt dann dem CGI-Programm die Daten zur Verfügung. Benutzen Sie diese Methode, wenn die Formulardaten umfangreich sind.

Syntax:

Das Attribut wird mit dem entsprechenden Wert innerhalb des Start-Tag <form> notiert.


Quelltext:

<form action="cgi-bin/search.pl" method="get">
... Formularinhalt wird mit der Methode "get" übertragen ...
</form>

<form action="kontakt.php" method="post">
... Formularinhalt wird mit der Methode "post" übertragen ...
</form>

Das Attribut enctype

enctype = encode type


Beschreibung:

Das Attribut enctype="Wert" spezifiziert den MIME-Typ, der das Formular codiert. Die Standardeinstellung ist enctype="application/x-www-form-urlencoded". Wollen Sie z.B. die Formulardaten an eine Email verschicken so müssen Sie als Wert "text/plain" angeben.


Syntax:

Das Attribut enctype="Wert" notieren Sie innerhalb des Start-Tag <form>. Dabei ist der "Wert" des Attributes der MIME-Typ, der das Formular codiert.


Quelltext:

<form action="mailto:email@adresse.de" method="post" enctype="text/plain">
... Formularinhalt wird an die Email email@adresse.de übertragen ...
</form>


Weiterführende Informationen:


Weblinks: