I have a super simple web application that works.
I want to change it so that when a user enters a color like RED it outputs the word RED but in red text. Same goes with blue, green etc.
I understand that php doesn't do any formatting in regards to color, background fonts. etc. thats all with CSS/HTML.
Here is the output page
CODE
<?php
$your_name = $_POST['yourName'];
$your_color = $_POST['yourColor'];
$colors = [
?>
<!DOCTYPE html>
<html>
<head>
<title>Practice</title>
<link href="stylesheet2.css" rel="stylesheet" type="text/css" />
<style>
</style>
</head>
<body>
<div id="content">
<h1>This is the Second Page</h1>
<p> Hello <?php echo $your_name; ?></p>
<p> Your Favorite Color is <?php echo $your_color; ?>
<p><a href="first.html"> Go Back</a></p>
</div>
</body>
</html>
$your_name = $_POST['yourName'];
$your_color = $_POST['yourColor'];
$colors = [
?>
<!DOCTYPE html>
<html>
<head>
<title>Practice</title>
<link href="stylesheet2.css" rel="stylesheet" type="text/css" />
<style>
</style>
</head>
<body>
<div id="content">
<h1>This is the Second Page</h1>
<p> Hello <?php echo $your_name; ?></p>
<p> Your Favorite Color is <?php echo $your_color; ?>
<p><a href="first.html"> Go Back</a></p>
</div>
</body>
</html>
Here is the CSS snippet for the form
CODE
#content {
width: 450px;
margin: 0 auto;
padding: 0px 20px 20px;
background: red;
color: blue;
border: 2px solid navy;
}
width: 450px;
margin: 0 auto;
padding: 0px 20px 20px;
background: red;
color: blue;
border: 2px solid navy;
}
I have been wracking my brain on this problem for a better part of a week and Im certain it needs an inline style via
CODE
<span></span>
but cant figure out how to merge the two.Thanks in advance