Untitled

<!DOCTYPE HTML>
<html>
<head>
<style>
.error {color: black;}

		.center {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		  width: 45%;
		}
		header {
			background-color: rosybrown;
			padding:15px;
			text-align: center;
			font-size: 30px;
			color:pink;
		}
		footer {
			background-color: rosybrown;
			padding:20px;
			text-align: center;
			font-size: 35px;
			color:black;
		}


		body{
			background-color: orange;
		}
		@media (max-width: 1024px) {
			body{
				background-color: mediumvioletred;
			}
		}
		@media (max-width: 400px) {
			body{
				background-color: darkblue;
			}
		}

		img.picture{
			max-width:80%;
			max-height:auto;
		}

		@media screen and (min-width: 1024px) {
		  img.picture {
			width:800px;
			height: auto;
		  }
		}


</style>
</head>
<body>

<?php
$nameErr = $emailErr = $FavFoodErr = $StoryTimeErr = $WebsiteErr = "";
$name = $email = $FavFood = $StoryTime = $Website = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["name"])) {
    $nameErr = "Name is required";
  } else {
    $name = test_input($_POST["name"]);
  }

  if (empty($_POST["email"])) {
    $emailErr = "Email is required";
  } else {
    $email = test_input($_POST["email"]);
  }

  if (empty($_POST["Website"])) {
    $WebsiteErr = "Website Required";
  } else {
    $Website = test_input($_POST["Website"]);
  }

  if (empty($_POST["StoryTime"])) {
    $StoryTimeErr = "Story is Required";
  } else {
    $StoryTime = test_input($_POST["StoryTime"]);
  }

  if (empty($_POST["FavFood"])) {
    $FavFoodErr = "FavFood is required";
  } else {
    $FavFood = test_input($_POST["FavFood"]);
  }
}

function test_input($data) {
  $data = trim($data);
  $data = stripslashes($data);
  $data = htmlspecialchars($data);
  return $data;
}
?>

<h2>PHP Form Validation Example</h2>
<p><span class="error">* This is required field</span></p>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
  Name: <input type="text" name="name">
  <span class="error">* <?php echo $nameErr;?></span>
  <br><br>
  E-mail: <input type="text" name="email">
  <span class="error">* <?php echo $emailErr;?></span>
  <br><br>
  Website: <input type="text" name="Website">
  <span class="error">* <?php echo $WebsiteErr;?></span>
  <br><br>
  StoryTime: <textarea name="StoryTime" rows="5" cols="40"></textarea>
  <span class="error">* <?php echo $StoryTimeErr;?></span>

	<br><br>
  FavFood:
  <input type="radio" name="FavFood" value="Pizza">Pizza
  <input type="radio" name="FavFood" value="CheeseBurger">CheeseBurger
  <input type="radio" name="FavFood" value="Soup">Soup
  <span class="error">* <?php echo $FavFoodErr;?></span>
  <br><br>
  <input type="submit" name="submit" value="Submit">
</form>


<?php
echo "<h2>Your Input:</h2>";
echo $name;

echo "<br>";

echo $email;

echo "<br>";

echo $Website;

echo "<br>";

echo $StoryTime;

echo "<br>";

echo $FavFood;
?>

</body>
</html>