Rich sticky notes
Formulare? Was das denn?
Das Formular dient dazu, um bestimmte, gleichartige und strukturierte Auskünfte vom Anwender zu erfahren. Außerdem kann der Anwender über ein Formluar in den Datenbeständen suchen und selbst Daten dazu steuern.
Besonders beliebt sind Formulare im Bereich des Online-Vertriebs. Hier werden sie dazu verwendet, um aus der vorhandenen Produktpalette individuell auszuwählen und zu bestellen.
Step 1: Grundgerüst
<form ..> ... </form> öffnet und schließt das Dokument
<form action="meine_adresse"> hinter action wird die Adresse notiert, an die das ausgefüllte Formular geschickt werden soll. Im besten Fall ist das ein Programm auf dem Server, dass die aufgenommenen Daten weiterverarbeitet
<form action="meine_adresse" method="post"> hinter Method wird entweder POST oder GET eingetragen. GET hängt die Daten als Parameter hinten an die Browseradresse an und hat nur ein begrenzte Datenübertragungsrate. Für eine größere Menge an Daten sollte prinzipiell POST verwendet werden.
Step 2
<input type="text" name="name" size="30" maxlength="60"> ermöglicht die Eingabe von Daten. input benötigt keinen weiteren Tag, um geschlossen zu werden.
button = Knopf (zum Anklicken, führt Funktion aus)
checkbox = Checkbox (zum Auswählen von verschiedenen Daten gleichzeitig)
file = Datei (zum Hochladen von Dateien)
hidden = versteckt (um für den Anwender unwichtige Daten zu erheben, Browser)
image = Bild (als Standardfunktion die Funktion "Abschicken")
password = Passwort (wird bei Eingabe als Sternchen/Punkte dargestellt)
radio = Radiobutton (entweder/oder-Auswahl)
reset = zurücksetzen (löscht die bisher eingegebenen Daten des Formulars)
submit =abschicken (sendet das Formular an die angegebene Adresse)
text = Textfeld (zur Eingabe von Daten)
size gibt an, wie groß das Textfeld sein soll.
maxlength gibt die Länge des Eingabewerts an und kann größer sein als der Wert bei size. Ist dies der Fall, so wird automatisch das Scrollen im Textfeld möglich.
Mit name wird der Name für die verwendete Eingabe festgelegt. Er sollte für das ganze Formular nur einmal vergeben werden. Bei radiobuttons und checkboxes werden die Daten über einen gleichen Namen gruppiert. Sollte bei zwei radiobuttons, die als entweder-oder-Auswahl fungieren sollen der Name verschieden sein, so lassen sich beide anklicken.
In value ist der Wert, mit dem weiter gearbeitet wird, gespeichert. value sollte nie gleich heißen und muss sich von name unterscheiden.
<select name="ort" size="1"> ... </select> ermöglicht Auswahl von Daten aus einer Liste. size gibt an, wie groß das Auswahlfenster ist. Bei size="1" wird die Auwahl als Drop&Down-Funktion dargestellt. Bei size="5" wird der Datensatz als kleines Textfeld dargestellt. Erläuterung
1.) Das Textfeld (<input type"text" ...>)
2.) Das Textfeld mit voreingestellte Eingabe (<input type="text" name="hobby" value="Meine Hobbys sind">)
3.) Radiobuttons (<input type="radio" name="tier" value="hund">Hund)
4.) Auswahlliste (<selection name="ort" size="1"> <option>Norden</option>)
5.) Checkboxes (<input type="checkbox" name="farbe" value="rot">Rot)
Photos
Screenshot1
So sieht das Grundgerüst aus
Screenshot2
Input / Eingabe
Screenshot3
Unser Formular bisher
Rich sticky notes
Was ist PHP
PHP ist Skriptsprache
→ kein eigenständiges Programm, Ausführung erfolgt auf einem Server
Entwicklung seit etwa 1994
Schwerpunkt: Einbindung verschiedener Datenbanken
1. PHP-Programmcode wird in die HTML-Datei eingebettet
2. Benutzer fordert die Datei an
3. Datei wird zum s.g. Servergeschickt
4. Der Server bearbeitet die PHP-Passagen
5. die bearbeitete, fertige Seite wird zum Benutzer geschickt (enthält kein PHP mehr)
Links
Grundlagen
Einfügen des PHP-Abschnittes in den HTML-Quelltext durch
<?php am Anfang, es folgen die Befehle und ?> am Ende
Kommentare
a) Kommentar wird eingeleitet durch//→ der Rest der Zeile wird nicht interpretiert
b) /* entspricht dem Anfang, */ dem Ende des Kommentars.
Sonderzeichen
Gekennzeichnet durch \
z.B.:\$,\“
Zeilenumbrüche
\n sind Zeilenumbrüche in PHP
Der Browser empfängt die Datei mit Zeilenumbruch
Er bearbeitet diese aber als HTML-Datei, damit ist der Zeilenumbruch für den Benutzer nicht sichtbar
→HTML-Befehll <br> verwenden
Deklaration von Variablen
Werte können in Variablen abgespeichert werden, mit denen gearbeitet und die verändert werden können
Mit einem vorangestellten $-Zeichen gekennzeichnet
Variablentypen
String→ Zeichenfolgen
Integer→ ganze Zahlen, positiv und negativ
Double→ Kommazahlen
Boolean→ true (wahr) oder false (falsch)
Veränderung von Variablen durch Operatoren
Arithmetische Operatoren
+→ Addition
-→ Subtraktion
*→ Multiplikation
/→ Division
%→ Errechnen Rest einer Division
String-Operatoren
„ . “ →Verbindung von strings durch einen einfachen Punkt
Grundbefehle
nach jedem Befehl steht ein Semikolon
echo
Für die Ausgabe von strings, der auszugebende Teil steht in Anführungszeichen
<?php
echo "Hallo Welt";
?>
print
Textausgabe eines Arguments, das in ( ) steht
print("Hallo Welt")
Kontrollstrukturen
Ausführen von Befehlen unter bestimmten Bedingungen
If-Schleifen
Gegeben ist eine Bedingung x
trifft sie zu, werden die angegeben Befehle y ausgeführt
if(x)
y
else
zusätzlich können alternative Befehle z angegeben werde, wenn die Bedingung nicht zutrifft
if(x)
y
else
z
while
solange die Bedingung x erfüllt wird, werden die Befehle y ausgeführt
while (x) y
do while
ähnlich der while-Schleife, aber die Anweisungen werden zuerst ausgeführt, dann die Bedingungen überprüft
for
Ausführung wird bestimmt durch Anfangsbedingung x; Bedingung y; Befehl z
for(x; y; z)
Beschreibung Beispiel Teil 1
• <?php→ der Abschnitt mit dem PHP-Programmcode wird eröffnet
• $datei= fopen(„../php/eintraege.txt“, „r“)
o $datei→ die Variable datei wird eingeführt
o fopen → die Datei soll geöffnet werden
o „../php/eintraege.txt“→ dazu wird die Quelle der Datei angegeben
o „r“→ „read“→ die Datei soll nur gelesen werden
• if→ if-Schleife wird eingeleitet
o filesize!=0→ Bedingung der Schleife→ es wird überprüft, ob die Dateigröße ungleich null ist, also Einträge enthält→ dazu wird wieder auf die Quelle der Datei verwiesen
o $daten→ die Variable daten wird eingeführt
o fread($datei, filesize(„../php/eintraege.txt“))→ aus der Variable datei werden die Daten in einen string(Textform) ausgelesen und der Variable daten zugewiesen
o print→ die Daten der Variable daten werden ausgegeben
• else→ tritt ein, wenn die Bedingung der if-Schleife nicht erfüllt wird, die Datei also keine Einträge enthält
o print „<strong><center> Es sind noch keine Einträge vorhanden!</center></strong>“→ es wird der Text „Es sind noch keine Einträge vorhanden!“ ausgegeben, die Formatierung des Textes,fett und zentriert, ist im HTML-Code angegeben
• ?> → der PHP-Programmcode wird nach Aufführung der Befehle wieder geschlossen
Beschreibung Beispiel Teil2
• <?php→ der Abschnitt mit dem PHP-Programmcode wird eröffnet
• if→ if-Schleife wird eingeleitet
o isset($verschicken)→ es wird überprüft, ob die Variable $verschicken existent ist
o $datei=fopen(„eintraege.txt“, „a“)→ die Variable $datei wird angelegt, dazu wird die Datei eintraege geöffnet, wobei „a“(add) angibt, dass Daten hinzugefügt werden
o $comment→ die Variable $comment wird initialisiert
o ereg_replace(„\n“,“<br>“, $comment)→in der Variable bzw. Zeichenkette $comment wird nach \n gesucht und durch <br> ersetzt.
o stripslashes($comment)→ $comment wird ohne slashes / zurückgegeben
o $daten=“<dt class…→CSS
o fwrite($datei, $daten)→schreibt die Daten von$daten in $datei
o fclose($datei)→schließt $datei
• ?>→ der PHP-Programmcode wird nach Aufführung der Befehle wieder geschlossen
Photos
Beispiel Teil1
Beispiel Teil2
