Formulare

Um Feedback von Deiner WebSite zu bekommen, brauchst Du ein 'Formular'. Ein Formular besteht aus verschiedenen Feldern, mit denen man sich Texte oder vordefinierte Informationen schicken lassen kann. Aber das kennst Du als erfahrener Surfer sowieso. Gehen wir also gleich in medias res.

Es gibt ein paar Element, die für ein 'Wesen' des Formulars unerlässlich sind.

<formular>-tag + notwendige Angaben:
Es beginnt mit dem <formular>-tag.
Dieser sieht im speziellen so aus:
<form action="../formreply/" method="POST">

Dann kommen noch die von Dir zu befüllenden Angaben:
<!-- unbedingt ausfuellen -->
<input type="hidden" name="recipient" value="your@email-adress.at">
<input type="hidden" name="subject" value="subject in your mail">

hier gibst Du ein, an welche e-mail Adresse die Antwort geschickt werden soll und welcher 'Subject' in der mail erscheinen soll. Diese Felder MUßT Du angeben !!!!!

Am Ende des ganzen Forms muß dann noch:

</form>

stehen. Gehört ja abgeschlossen.

Die Feldnamen haben eine eigene Bennungsweise: z.B. 'a#Feldname' Der Ausdruck vor dem '#' ist zum sortieren der Feldreihenfolge. Es wird alphabetisch sortiert. Der Text vor dem '#' wird nicht übermittelt, sondern nur intern verwendet.

Feldtypen:
So und nun ein paar verschiedene Feldtypen und deren Charakteristikum und gleich die Beispiele dazu:

Einzeiliger Text::
<input type="text" name="a#email">

Mehrzeiliger Text::

<textarea cols=50 rows=3 name="a#text">Mehrzeiliger Text

Mehrzeiliger Text

Auswahlfelder:

type=Radio
type="checkbox"

<input type=Radio name="b#weitereInfo" value="ja">ja <input type=Radio name="b#weitereInfo" value="nein">nein

ja nein

Wenn Du dem Feld den gleichen Namen gibst (z.B. name="b#weitereInfo"), so kann man nur eine Auswahl treffen. Der Wert der bei 'value' steht, wird übermittelt.

Bei verschiedenen Feldnamen, kann man mehr auswählen:

<input type=Radio name="c#weitereInfo1" value="yes">ja <input type=Radio name="c#weitereInfo2" value="yes">nein

ja nein

Es gibt noch eine andere Art von Auswahlfeldern:

<input type="checkbox" name="d#auswahl_a" value="yes">1. Auswahl
<input type="checkbox" name="d#auswahl_b" value="yes">2. Auswahl

1. Auswahl
2. Auswahl

Zum Abschluß noch die beiden Buttons, mit denen man die Eingaben verwerfen oder das Formular abschicken kann.

<input type="submit" value="Abschicken"> <input type="submit" value="Verwerfen">

......auf diesen Artikel Antworten

PRINT  MAIL