HTML Formulare erlauben die Eingabe von Benutzerdaten. Üblicherweise werden die Daten zum Webserver zur weiteren Verarbeitung gesendet.
Syntax
<form name="[eindeutige Bezeichnung]" action="[URI-Weiterverarbeitung]" method="get|post"> <!-- Formularelemente --> </form>
Wir wollen in einem Beispiel die Email Adresse einer Studierenden übertragen.
<html> <head> <title>Eingabe und Übertragung von Formulardaten</title> </head> <body> <h1>Studentenerfassung</h1> <form method="post" action="student01.php"> Email: <input type="text" id="email" name="email" /> <input type="submit" value="senden .." /> </form> </body> </html>
<?php
print("Email an Server angekommen: " . $_POST["email"]);
?>
[ Ausführen]
Syntax
<input name="[eindeutige Bezeichnung]" type="text|password" size="[sichtbare Zeichenanzahl]" maxlength="[maximale Zeichenanzahl]" value="[Vorbelegung]" />
Beispiel
Email: <input type="text" id="email" name="email" size="42" value="any@where.net"/>
Syntax
<textarea name="[eindeutige Bezeichnung]" cols="[Anzahl Zeichen / Zeile]" rows="[Anzahl Zeilen]"> textuelle Vorbelegung </textarea>
Beispiel
Beschreibung: <textarea id="desc" name="desc" cols="42" rows="4"> -- hier schreiben -- </textarea>
Syntax
<select name="[eindeutige Bezeichnung]" size="[Anzahl sichtbarer Einträge]" multiple="multiple"> <option value="[zu sendender Wert]" selected="selected"> Auswahlbeschreibung </option <option> ... </option> ... </select>
Beispiel
<select name="farben" size="3" multiple="multiple"> <option value="red">rot</option> <option value="green" selected="selected">green</option> <option value="yellow">yellow</option> <option value="blue">blau</option> </select>
Syntax
<input name="[Gruppenbezeichner]" type="radio" value="[zu sendender Wert]" checked="checked" />
Beispiel
<input name="farbe" type="radio" value="red" /> rot <br/> <input name="farbe" type="radio" value="green" /> grün <br/> <input name="farbe" type="radio" value="yellow" /> gelb <br/> <input name="farbe" type="radio" value="blue" checked="checked"/> blau
Syntax
<input name="[Gruppenbezeichner]" type="checkbox" value="[zu sendender Wert]" checked="checked" />
Beispiel
<input name="farbe" type="checkbox" value="red" checked="checked"/> rot<br/> <input name="farbe" type="checkbox" value="green" /> grün <br/> <input name="farbe" type="checkbox" value="yellow" /> gelb <br/> <input name="farbe" type="checkbox" value="blue" checked="checked"/> blau
Syntax
<button name="[eindeutige Bezeichnung]" type="button|submit|reset" value="[zu sendender Wert]" onclick="[script]"> Buttonaufschrift / Inhalt(Bild) </button>
Beispiel
<button onclick="window.alert('world')">hello</button>