Form Mailer mit Kontrolle

<html>
<head>

<style type="text/css">
.error {color: red; font-weight: 400; display: block; padding: 6px 0; font-size: 14px;}
form {border: 1px solid #1A33FF; background: #ecf5fc; padding: 4px 5px 4px; width:50%;text-align:left;}
input[type=text] {font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;}
select:hover {color: #000000; background-color: white;}
select {width: 100%; height: 50px; font-size: 100%; font-weight: bold; cursor: pointer; border-radius: 0; border: none; border: 2px solid #1A33FF; border-radius: 4px;
appearance: none; padding: 8px 38px 10px 18px; -webkit-appearance: none; -moz-appearance: none; transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;}
input[type=submit]::before {background: #fff; content: ''; position: absolute; z-index: -1;}
input[type=submit]:hover {color: #1A33FF;}
input[type=submit]::after {background: #fff; content: ''; position: absolute; z-index: -1;}
</style>
</head>

<body >
<?php
$nameErr = "";
$emailErr = "";
$genderErr = "";
$websiteErr = "";
$name = "";
$email = "";
$gender = "";
$Number = "";
$message = "";
$subject = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["name"])) {
$nameErr = "Name erforderlich";
} else {
$name = test_input($_POST["name"]);
}
if (empty($_POST["email"])) {
$emailErr = "Email erforderlich";
} else {
$email = test_input($_POST["email"]);
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$emailErr = "Falsches Emailformat";
}
}
if (empty($_POST["course"])) {
$Number = "";
} else {
$Number = test_input($_POST["course"]);
}
if (empty($_POST["class"])) {
$message = "";
} else {
$message = test_input($_POST["class"]);
}
if (empty($_POST["gender"])) {
$genderErr = "Geschlecht ist erforderlich";
} else {
$gender = test_input($_POST["gender"]);
}
if (empty($_POST["subject"])) {
$subjectErr = "Sie müssen 1 oder mehr wählen";
} else {
$subject = $_POST["subject"];
}
}
function test_input($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
?>
<form method="post" align="center" action="Form Mailer<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">

<table align="center" style="width: 80%">
<tr><td><b> Ihr Name: </b></td>
<td><input type="text" name="name" placeholder="Ihr Name"/><span class="error"> * <?php echo $nameErr;?></span></td></tr>
<tr><td><b> Ihre E-mail Adresse: </b></td>
<td><input type="text" name="email" placeholder="Ihre Emailadresse"/><span class="error"> * <?php echo $emailErr;?></span></td></tr>
<tr><td><b> Ihre Telefonnummer: </b></td>
<td><input type="text" name="course" placeholder="Ihre Telefonnummer"/><span class="error"> <?php echo $websiteErr;?></span></td></tr>
<tr><td><b> Ihre Mitteilung </b></td>
<td><textarea name="class" rows="5" cols="40"> Bitte eintragen </textarea></td></tr>
<tr><td><b> Ich bin: </b> </td>
<td>
<input type="radio" name="gender" value="männlich "/><label for="gender"> männlich </label><br/>
<input type="radio" name="gender" value="weiblich "/><label for="gender"> weiblich </label><br/>
<input type="radio" name="gender" value="divers "/><label for="gender"> divers </label>
<span class="error"> * <?php echo $genderErr;?></span>
</td></tr>
<tr><td><b> aus: </b></td>
<td><select name = "city[]" size = "3" multiple>
<option value = "Heppenheim"> Deutsch</option>
<option value = "Bensheim"> Englisch</option>
<option value = "Weinheim"> Amerikanisch</option>
<option value = "Darmstadt"> Französisch</option>
<option value = "Mannheim"> Italienisch</option>
<option value = "Frankfurt"> Sonst ..</option>
</select>
</td></tr>
<tr><td><b> Ich stimme den Bedingungen zu </b></td>
<td><input type="checkbox" name="checked" value = "1"/> </td>
<?php if(!isset($_POST['checked'])) { ?>
<?php } ?>
</tr>
<tr><td class="auto-style24"><br/><br/><input type="submit" name="submit" value="Abschicken"/></td></tr>
</table>
</form>
</body>

</html>

html knowhow

Form Mailer mit Kontrolle

Form Mailer mit Kontrolle

So sieht´s aus

Und so sieht Ihre Eingabe aus

Ihre Eingaben :

Quellcode