Homepage HTML Codes Formulare erstellen und Formular Elemente

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: Artikel Homepage HTML Codes Formulare erstellen und Formular Elemente (410)

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

Über Michael Bergler 679 Artikel
Mein Name ist Michael Bergler ich stamme aus Sachsen und habe seit 10 Jahren die Leidenschaft mich mit HTML, PHP, Bildbearbeitung und Perl zu beschäftigen. Seit 2011 lebe ich in Chemnitz und arbeite als Selbständiger in dem Bereich Informationstechnologie (IT), Büroservice und Telefonmarketing. In meinem Blog, online seit Dezember 2010, geht es um die Ausbildung zum IT-Systemkaufmann, Games und alles rund um den PC. Von daher lag es nah eine Umschulung 2006 – 2009 in dem Beruf IT-Systemkaufmann zu absolvieren, welche ich dann auch im Januar 2009 erfolgreich abgeschlossen habe. Ich bin in Leipzig geboren und in der Umgebung von Dresden aufgewachsen.

Ersten Kommentar schreiben

Kommentar verfassen