PHP-Logo

PHP-Kurs


html

Formular

Dieses Skript gibt ein HTML-Formular aus.

HTML-Formulare kann man als Schnittstelle zwischen HTML und PHP nutzen, um User-Eingaben in PHP zu verarbeiten.

Zu diesem Zweck beginnt in Zeile 1 die Definition des Formulars mit <form>
Das Formular endet in Zeile 16 mit </form>

Bereits innerhalb von <form> wird festgelegt, dass das Formular die Werte mit der Methode POST übermitteln soll und zwar an die Seite "aufruf.php", die die Eingaben weiter verarbeitet.

In Zeile 6 ist mit <input> ein einzeiliges Feld zur Texteingabe type = text definiert.
Es hat den Namen "text_einz" und kann maximal 255 Zeichen aufnehmen.
Es braucht keinen schließenden Tag

In Zeile 10 ist mit <textarea> ein mehrzeiliges Feld zur Texteingabe definiert.
Es hat eine Breite von 25 Zeichen und eine Höhe von 10 Zeilen. Es wird hier breiter dargestellt, weil ich die Darstellung mittels CSS verändert habe.
Es hat den Namen "text_mehrz". Gibt man mehr als 10 Zeilen ein, erscheint am rechten Rand automatisch ein Scrollbalken.
Auch die Textarea braucht keinen schließenden Tag.

In Zeile 13 ist mittels <button> vom type = 'submit' ein Button definiert, der das Formular abschickt, wenn er betätigt wird. Dabei werden die eingetragenen Wert in das vordefinierte Array $_POST geschrieben. Die Schlüssel des Arrays sind die Namen der Formular-Element (hier "text_einz" und "text_mehrz").
Dann wird die weiterverarbeitende Seite "aufruf.php" aufgerufen.

In Zeile 14 ist mittels <button> vom type = 'reset' ein Button definiert, der das Formular zurücksetzt, wenn er betätigt wird.
Die eingetragenden Werte werden dann gelöscht.

<button> braucht einen schließenden Tag: </button>

1<form method='post' action='aufruf.php'>
2<h2>Überschrift</h2><br>
3
4
5<p>Feld zur Texteingabe (einzeilig)<br>
6<input type='text' name='text_einz' maxlength='255'></p>
7
8
9<p>Feld zur Texteingabe (mehrzeilig)<br>
10<textarea cols='25' rows='10' name='text_mehrz'></textarea></p>
11
12
13 <p><button type='submit' id='absenden'>Formular abschicken</button></p>
14 <p><button type='reset' id='reset'>Eingaben zurücksetzen</button></p>
15
16</form>

Ausgabe des Skripts:

Überschrift


Feld zur Texteingabe (einzeilig)

Feld zur Texteingabe (mehrzeilig)

Einbindung des Skripts:

<html>
<head></head>

<body>

hier den HTML-Code einfügen

</body>
</html>