Im 7 Teil der HTML Reihe, wie es auch in teilweise in der Ausbildung zum IT-Systemkaufmann und anderen IT Ausbildungen durchgenommen wird. Geht es um HTML Formulare erstellen und auch um einige Elemente.

Allgemeines zu Formularen In Formularen kann der Benutzer Eingabefelder oder mehrzeilige Textfelder ausfüllen, aus Listen auswählen etc. Wenn das Formular fertig ausgefüllt ist, kann der Anwender meist auf einen Button klicken, um das Formular abzusenden.
Damit ein Formular funktioniert geben Sie beim Erstellen des Formulars an, was mit den Daten des ausgefüllten Formulars passieren soll. Sie können sich diese Daten beispielsweise an ihre E-Mail weiterleiten lassen oder von einem PHP-Script auf dem Server-Rechner weiterverarbeiten lassen.
Beispielquelltext benötigter PHP Quellcode für dieses Beispiel:

HTML-Quellcode: (in dieser Farbe gekennzeichnetter Quellcode ist notwendiger PHP-Code für die Funktion des Formulares)

< form method=„POST“ action=<?=$_SERVER[‚PHP_SELF‘]?> >
< table cellspacing=„0“ cellpadding=„0“ border=„0“ >
< tr >
< td width=<?=$_CONFIG[‚description_width‘]?> align=„left“ >
<?=$_TEXT[’name‘]?>:
< /td >
< /tr >
< tr >
< td >
< input type=„text“ name=„name“ size=„30“ value=<?=$_POST[’name‘]?> >
<?=$errors[’name‘]?>
< /td >
< /tr >
< tr >
< td align=„left“ >
<?=$_TEXT[‚email‘]?>:
< /td >
< /tr >
< tr >
< td >
< input type=„text“ name=„email“ size=„30“ value=<?=$_POST[‚email‘]?> >
<?=$errors[‚email‘]?>
< /td >
< /tr >
< tr >
< td align=„left“ valign=„top“ width=<?=$_CONFIG[‚description_width‘]?> >
<?=$_TEXT[‚message‘]?>:
< /td >
< /tr >
< tr >
< td >
< textarea rows=„10“ name=„message“ cols=„27“ >
<?=$_POST[‚message‘]?>
</textarea>
<?=$errors[‚message‘]?>
< /td >
< /tr >
< tr >
< td >
< div align=„left“ >
< input type=„submit“ value= <?=$_TEXT[’submit‘]?> >
< input type=„reset“ value= <?=$_TEXT[‚reset‘]?> >
< /div >
< /td >
< /tr >
< /table >
< /form >

so siehts aus
Name:
E-mail Adresse:
Nachricht:

Dies ist ein einfaches Kontaktformular, es gibt natürlich noch wesentlich mehr Möglichkeiten in der Gestaltung der Formular. Aber darauf verzichte ich in diesem Artikel, weil dies nur die Reihe der Einführung in das Thema HTML Codes ist, wie es auch nur in der Ausbildung angeschnitten wird.

Weitere Informationen zu diesem Thema findet ihr auf selfhtml.org.

Artikel als Download: [Download nicht gefunden.]

Viel Spaß beim Üben, Nutzen und Anwenden.

Weitere Beiträge in dieser Reihe sind:

Teil 1 HTML Grundgerüst einer Webseite

Teil 2 HTML Code für Linkeinträge oder Verweise auf einer Webseite einfügen

Teil 3 Homepage HTML Codes Bilder oder Fotos einfügen

Teil 4 Homepage HTML Codes Tabellen einfügen

Teil 5 Homepage HTML Codes Listenpunkte bzw. Aufzählung einfügen

Teil 6 Homepage HTML Codes Frameset und was ein Frameset ist