PHP-Code in affenschwanz/01_step/keep_input_alive.php
<?php
// Checke, ob der Submit-Button geklickt wurde
if (isset($_POST['go'])) {
// Ja, wir sind im zweiten oder x-ten Affenschwanz-Durchgang
$feedback = "<div class=\"feedback_positive\">";
$feedback .= "Das Formular wurde verschickt.<br>";
$feedback .= " Ich übernehme die POST-Vars und gebe die Werte wieder in die Formular-Felder aus.";
$feedback .= "</div>\n";
// Übergabe von $_POST- zu "normalen" PHP-Variablen
$vornameValue = $_POST['vorname'];
$nachnameValue = $_POST['nachname'];
$bemerkungenValue = $_POST['bemerkungen'];
}
else {
// Nein, wir sind im ersten Affenschwanz-Durchgang
$feedback = "<div class=\"feedback_negative\">";
$feedback .= "Das Formular wurde noch nicht verschickt. Klicke den Submit-Button!";
$feedback .= "</div>\n";
// Setze die Variablen, damit beim ersten @-Durchgang keine Fehler enstehen.
$vornameValue = "";
$nachnameValue = "";
$bemerkungenValue = "";
}
?>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Keep User Input Alive</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/styles.css">
<link rel="stylesheet" href="/css/formstyles.css">
</head>
<body>
<div id="container">
<h1>Keep User Input Alive</h1>
<p>Die Usereingaben werden nach dem Verschicken des Formulars mit Hilfe des <code>value</code>-Attributes wieder in die Felder ausgegeben (engl. "Repopulating" the form).<br>
<strong>8ung:</strong> Dieses Beispiel ist nicht alltagstauglich, es braucht noch <strong>zusätzliche Sicherheitsmassnahmen</strong>!</p>
<?=$feedback?>
<form action="" method="post">
<div class="form_control">
<label for="vorname">Vorname</label>
<input type="text" id="vorname" name="vorname" value="<?=$vornameValue?>">
</div>
<div class="form_control">
<label for="nachname">Nachname</label>
<input type="text" id="nachname" name="nachname" value="<?=$nachnameValue?>">
</div>
<div class="form_control">
<label for="bemerkungen">Bemerkungen</label>
<!-- <textarea>s haben kein value-Attribute -->
<textarea id="bemerkungen" name="bemerkungen"><?=$bemerkungenValue?></textarea>
</div>
<div class="form_control">
<button type="submit" name="go" class="btn btn-blue">Verschicken</button>
</div>
</form>
</div>
</body>
</html>