suchmaschinenoptimerung, seo, links
 Pagerank- und Counterservice | Java Forum | Wordpress Templates | Spenden | Link zu uns | Partner | Impressum |


SEO-Tools:


Webmaster-Tools:


Tutorials:

B.2 Formulare

Zum Webserver

Eine besondere Stärke von PHP ist die einfache Auswertung von Formular-Inhalten. Durch eine solche Auswertung wird die Informations-Übermittlung vom Betrachter der Web-Site zum Webserver ermöglicht. Dem Betrachter wird zunächst ein Formular vorgelegt, in dem er eigene Einträge vornehmen kann bzw. unter vorgefertigten Einträgen auswählen kann. Er füllt das Formular aus, sendet es ab und bekommt eine Antwort vom Webserver.

Eingabe

Ein Beispiel für eine HTML-Datei mit einem Eingabeformular:

Abbildung B.2   Eingabe-Formular

 

Der HTML-Programmcode:

Listing B.2   Datei ub02.htm

<html>
<body>
Bitte tragen Sie Ihren Namen ein und senden Sie das Formular ab.<p>
<form>
<input size="30"> Vorname <p>
<input size="30"> Nachname <p>
<input type="submit">
<input type="reset">
</form>
</body>
</html>

In diesem Formular kann der Betrachter zwei Eintragungen vornehmen und das Formular absenden. Der Webserver wird allerdings noch nicht antworten, da es dort kein passendes Server-Programm gibt. Zumindest kann man aber schon den Aufbau eines Formulares erkennen. Falls der Betrachter den Anfangszustand des Formulares wiederherstellen möchte, z. B. weil er Fehleingaben gemacht hat, kann er die Schaltfläche »Zurücksetzen« betätigen.

FORM

Innerhalb des < body >-Containers befindet sich ein < form >-Container mit den Formularelementen. Dabei handelt es sich um zwei Eingabefelder für Text mit der Größe 30 (< input size="30" >), eine Schaltfläche zum Absenden (< input type="submit" >) und eine Schaltfläche zum Zurücksetzen (< input type="reset" >) des Formulares.

INPUT

Bei der Markierung < input > werden erstmalig Attribute und Werte verwendet. Eine Markierung kann mehrere Attribute (d. h. Eigenschaften) haben, hier sind dies type bzw. size. Diese Eigenschaften haben Werte, hier sind dies der Wert 30 für die Größe (size) des Eingabe-Feldes und die Werte "submit" bzw. "reset" für den Typ (type) des Eingabefeldes. Ein Wert wird dem zugehörigen Attribut immer per Gleichheitszeichen zugewiesen.

P, BR

Die Markierung < p > dient zur Erzeugung eines Absatzumbruches, hat also hier nur optische Bedeutung. Statt < p > hätte man auch die Markierung < br > verwenden können, denn damit wird ein Zeilenumbruch erzeugt. Beim Zeilenumbruch entsteht kein Abstand zur Vorgängerzeile, wie dies bei < p > der Fall ist.

Übung UB02

Geben Sie das angegebene Beispiel mit Hilfe eines Texteditors ein, und speichern Sie es unter dem Dateinamen ub02.htm ab. Betrachten Sie das Dokument anschließend mit Hilfe eines beliebigen Web-Browsers.

Übung UB03

Erweitern Sie das Beispiel dahingehend, daß eine ganze Adresse eingegeben werden kann (Datei ub03.htm). Es soll zusätzlich vier weitere, gleich große Eingabefelder für die Angaben Straße, Hausnummer, Postleitzahl und Ort innerhalb des Formulares geben. Die Seite soll folgendes Aussehen haben:

Abbildung B.3   Erweitertes Eingabe-Formular

 





Unterstützen Sie unseren kostenfreien Service



Lexikon SEO-Optimierung:
A B C D E F G H I J K L M N
O P Q R S T U V W X Y Z



Pagerankanbieter:
A B C D E F G H I J K L M N
O P Q R S T U V W X Y Z 0-9



Webkataloge:
A B C D E F G H I J K L M N
O P Q R S T U V W X Y Z 0-9



Weltweite Suchdienste:
A B C D E F G H I J K L M N
O P Q R S T U V W X Y Z






 
Zur Ermittlung des PageRank™ werden keine Daten an Google™ gesendet oder dort abgefragt!
PageRank™ und Google™ sind geschützte Marken der Google Inc., Mountain View CA, USA. Das
PageRank™ Verfahren unterliegt US Patent 6,285,999. | Scripts by HT-Electronics © pageranking-hits.de