Frustfreie Formulare
Anzeige
Formulare auszufüllen macht selten Spaß. Wenn dann ein Punkt vergessen wurde und das Ganze neu ausgefüllt werden muss, ist der Besucher weg. Hier zeigen wir, wie man das Formular für die Besucher frustfrei programmiert.
Dazu sollte schon beim Formular darauf geachtet werden, dass der Benutzer auf den ersten Blick die notwendigen Felder von den optionalen Feldern unterscheiden kann. Eine farbliche Markierung ist hier viel effektiver als ein Sternchen, dessen Bedeutung erst weit unten ersichtlich ist.
<HTML><body>
<font face="arial, helvetica" size="-1"><b>
<?php if($_GET['fehler'] == "") {
echo "Die roten Felder müssen ausgefüllt werden!";
} else { echo $fehler; } ?>
</b><br><br>
<form name="form1" method="post"
action="formular_frustfrei.php">
Name:<br>
<input type="text" name="name"
value="<?php echo $_GET['name']; ?>"
style="width: 200; background-color: #FED4D4;
border: 1px solid black"><br>
Email:<br>
<input type="text" name="email"
value="<?php echo $_GET['email']; ?>"
style="width: 200; background-color: #FED4D4;
border: 1px solid black"><br><br>
Telefon:<br>
<input type="text" name="telefon"
value="<?php echo $_GET['telefon']; ?>"
style="width: 200; background-color: #D8FDE1;
border: 1px solid black"><br>
Strasse:<br>
<input type="text" name="strasse"
value="<?php echo $_GET['strasse']; ?>"
style="width: 200; background-color: #D8FDE1;
border: 1px solid black"><br>
PLZ / Ort:<br>
<input type="text" name="ort"
value="<?php echo $_GET['ort']; ?>"
style="width: 200; background-color: #D8FDE1;
border: 1px solid black"><br><br>
<input type="submit" value=" Absenden ">
</form></font>
</body></HTML>
Das Ganze ist mit wenigen Zeilen PHP-Code schnell geschrieben. Die erste Seite enthält das Formular. Wenn Werte über die URL an die Seite übermittelt werden, werden diese als Value-Attribut in den Eingabefeldern angezeigt. Wenn ein Fehler auftritt, werden so nämlich alle eingegebenen Daten wieder ausgelesen und gehen nicht verloren.
Die zweite Seite wird per Action-Attribut angegeben und bearbeitet die Formulardaten. Fehlt eins der Pflichtfelder, also entweder der Name oder die Email, wird die Fehlermeldung in der Variable $fehler gespeichert. Dann wird die erste Seite mit dem Formularfeld wieder aufgerufen, und alle Variablen mit den Formulardaten und der Fehlermeldung übergeben.
<?php
if($_POST['name'] == "")
{ $fehler = "Das Feld Name wurde nicht ausgefüllt!<br>";
$stopp = "ja"; }
if($_POST['email'] == "")
{ $fehler .= "Das Feld Email wurde nicht ausgefüllt!<br>";
$stopp = "ja"; }
$name = $_POST['name'];
$email = $_POST['email'];
$telefon = $_POST['telefon'];
$strasse = $_POST['strasse'];
$ort = $_POST['ort'];
if($stopp == "ja") {
header("Location: formular_frustfrei_edit.php?name=$name&email=$email&
telefon=$telefon&strasse=$strasse&
ort=$ort&fehler=$fehler");
} else {
echo "Vielen Dank!";
}
?>
Über Nicolas Rotermund Nicolas Rotermund
Verwandte Artikel
1 Kommentar zu “Frustfreie Formulare”
Meine Meinung
Bitte beachten Sie: Werbung und Spam sind unerwünscht und können eine Rechnung zur Folge haben. Woher kommen die Bilder neben den Kommentaren?
Hallo Nicolas,
die farbliche Kennzeichnung der erforderlichen und optionalen Formularfelder finde ich klasse.
Eine Bitte, kannst du das hier auch einbauen?
Gruß
Rainer