Layout

Formulare in HTML

Versenden kannst du Formulare nicht in HTML, nur erstellen. Aber für einige Formmailer, so auch den von Telien, solltest du wissen, wie du ein Formular erstellst. Ein Formular ist immer im Form Tag eingebettet, dem mindestens zwei Eigenschaften mit übergeben werden.

<form action="http://seite.php" method="POST">

</form>

In action steht die URL der Seite, die beim Versenden des Formulars aufgerufen wird. Die Methode method ist wichtig für die Art die Übermittlung, damit die Eingaben verwertet werden können. Sie kann GET oder POST lauten, ist im Normalfall aber immer POST.
Hast du ein file Feld im Formular und willst eine Datei verschicken lassen, muss das Form Tag noch die Eigenschaft enctype="multipart/form-data" übergeben werden.

Jedes Formularfeld hat einen Namen "name" und einen Wert "value". Die Eigenschaft value muss nicht bei jedem Feld übergeben werden, denn der Wert wird das, was eingegeben wird. Wenn man wie z.B. bei Radio Button nichts eingeben kann, sollte in dem Feld ein Wert vordefiniert sein.


Textfeld

<input type="text" name="Name" size="30">

Textarea

<textarea name="Name" cols="30" rows="4"></textarea>

Versteckte Felder

 

<input type="hidden" name="Name" value="Telien">

Radio Button

Kopf 1 Kopf 2 Kopf 3

<input type="radio" name="Auswahl" value="Kopf 1"> Kopf 1
<input type="radio" name="Auswahl" value="Kopf 2"> Kopf 2
<input type="radio" name="Auswahl" value="Kopf 3"> Kopf 3

Auswahl Listen

<select name="Auswahl">
<option>Bitte wählen</option>
<option>Rose</option>
<option>Tulpe</option>
<option>Nelke</option>
<option>Farn</option>
</select>


Mehrfachauswahl Listen

<select name="Auswahl[]" multiple>
<option>Rose</option>
<option>Tulpe</option>
<option>Nelke</option>
<option>Farn</option>
</select>

Dateien

<input type="file" name="datei" size="30">

Checkboxes

Pferd Affe Schlange

<input type="checkbox" name="Auswahl[]" value="Pferd"> Pferd
<input type="checkbox" name="Auswahl[]" value="Affe"> Affe
<input type="checkbox" name="Auswahl[]" value="Schlange"> Schlange

Submit Button

<input type="submit" value="Abschicken" size="30">
Layout