Neue Felder in einem HTML -Kontaktformular hinzufügen

Dieses Tutorial zeigt Ihnen, wie man in einem HTML –Kontaktformular neue Eintragsfelder hinzufügt . Dieses Tutorial ist eine Fortsetzung des Tutorials Wie erstellt man einen Kontaktformular in HTML. Falls Sie die Dateien aus diesem Tutorial haben, öffnen Sie die, sonst laden Sie die herunter

Teil 1. HTML

Via den gewünschten HTML-Editor öffnen Sie die Datei index.html. Es gibt dort 2 Input, 1 Textbereich-Element und zwei Buttons. Lassen ihn mal mit mehr Funktionen ausstatten (z.B.: Checkboxen, Radiobuttons und die DropDown-Liste). Das HTML-Syntax für alle diese Elemente ist sehr einfach. Platzieren Sie nun diesen Code direkt nach den Buttons „Submit/Senden“ und „Reset/Zurücksetzen“.

Zusätzliche Optionen:

	USA

	Canada

	Mexico

Sind Sie damit einverstanden?

Yes
No

Wählen Sie einen Punkt aus DropDown:

	php
	html
	css
	asp
	ajax
	javascript

Jetzt entdecken wir mal schon ein paar interessante Dinge, die sich in diesem Code befinden. Vielleicht haben Sie schon bemerkt, dass die Namen, die mit dem Checkboxen zugeweist werden, sich nicht unterscheiden, deswegen gibt es die eckige Klammer am Ende. Die Klammer definieren, dass das eine Array Variable ist. Das ist die Erklärung wie es funktioniert. Für jedes markierende Checkbox, das check[] Array bekommt den Wert von gedrückten Checkboxen. Zum Beispiel, wenn man die beiden „USA” und “Canada” Checkboxen markiert hat, sind die Werte checked_usa und check_canada als die Elemente von Ihrem check[] Array.

Es passiert nichts Besonderes mit den Radiobuttons oder DropDown. Wir weisen den gleichen Name “cf_radio_button” mit den beiden Radiobuttons zu, damit Sie gleichzeitig die beiden nicht auswählen können. Sie brauchen nicht für jede einen besonderen Namen geben.

Die Syntax der DropDown-Liste ist sehr einfach. Öffnen Sie den Tag , dann platzieren Sie die Optionen, jede Option soll zwischen … Tags setzen, und schießen Sie mit dem Tag. Der Tag hat 2 zugewiesenen Attribute, eine ist den Name und die andere ist die Größe. Die Attribute Größe gibt die Anzahl den sichtbaren Optionen in einer DropDown-Liste.

foreach($_POST['check'] as $value) {
	$check_boxes .= $value." ";
}

$radio_button = $_POST['cf_radio_button'];
$drop_down_item = $_POST['cf_drop_down'];

$body_message .= "Additional options checked: ".$check_boxes."\n";
$body_message .= "Did the customer agree: ".$radio_button."\n";
$body_message .= "Selected item from the dropdown list: ".$drop_down_item;

history.back(1);