Homework SourseFor some reason a few characters are displaying on top of my
For some reason, a few characters are displaying on top of my page, and I\'m not sure where those characters are coming from.
Also, from my form box, my value tag for my username and password are both displaying my PHP tag inside the box where you type the username and password information. I don\'t know why my PHP is displayed there, can anyone help me figure out where the bug is in my code that is causing these two errors?
<?php
session_start();
//This file is validating as HTML5
//You need to use an HTML5 validator to check your code
echo(\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\");
?>
<!DOCTYPE html>
<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\">
<head>
<title>Lab 07 - Login</title>
<meta charset=\"utf-8\" />
<style type=\"text/css\">
ul{ list-style:none; margin-top:5px;}
ul li{ display:block; float:left; width:100%; height:1%;}
ul li label{ float:left; padding:7px; color:#6666ff}
ul li input, ul li textarea{ float:right; margin-right:10px; border:1px solid #ccc; padding:3px; font-family: Georgia, Times New Roman, Times, serif; width:60%;}
li input:focus, li textarea:focus{ border:1px solid #666; }
fieldset{ padding:10px; border:1px solid #ccc; width:400px; overflow:auto; margin:10px;}
legend{ color:#000099; margin:0 10px 0 0; padding:0 5px; font-size:11pt; font-weight:bold; }
label span{ color:#ff0000; }
fieldset#info {position:absolute; top:60px; left:20px; width:460px; }
fieldset#submit {position:absolute; top:200px; left:20px; width:460px; text-align:center; }
fieldset input#SubmitBtn{ background:#E5E5E5; color:#000099; border:1px solid #ccc; padding:5px; width:150px;}
div#errorMsg {color:#ff0000; font-weight:bold; font-size:12pt; position:absolute; top:300px; left:25px;}
div#newLogin {color:#0000ff; font-size:12pt; position:absolute; top:350px; left:25px;}
</style>
</head>
<body>
<h1 style=\"font-size:14pt; text-indent:360px;\">Lab 07 - Login</h1>
<form id=\"form0\" method=\"post\" action=\"login.php\">
<fieldset id=\"info\">
<legend>Login</legend>
<ul>
<li> <label title=\"UserID\" for=\"UserID\">UserID <span>*</span></label>
<input type=\"text\" name=\"UserID\" id=\"UserID\" size=\"30\" maxlength=\"30\" value=\"<?php if (!empty($_SESSION[\"UserID\"])){echo($_SESSION[\"UserID\"]);} ?>\" /></li>
<li> <label title=\"Passwd\" for=\"Passwd\">Password <span>*</span></label>
<input type=\"password\" name=\"Passwd\" id=\"Passwd\" size=\"30\" maxlength=\"30\" value=\"<?php if(!empty($_SESSION[\"Passwd\"])){echo($_SESSION[\"Passwd\"]);} ?>\" /></li>
</ul>
</fieldset>
<fieldset id=\"submit\">
<input id=\"SubmitBtn\" name=\"SubmitBtn\" type=\"submit\" value=\"Login\" />
</fieldset>
</form>
<div id=\"errorMsg\"><?php if(!empty($_SESSION[\"errorMessage\"])){echo($_SESSION[\"errorMessage\"]);} ?></div>
<div id=\"newLogin\"><a href=\"newAccount.php\">Create New Login</a></div>
<script type=\"text/javascript\">
document.getElementById(\"UserID\").focus();
</script>
</body>
</html>
Solution
please check the modified code
<?php
echo \"xml version=\'1.0\' encoding=\'UTF-8\";
?>
<!DOCTYPE html>
<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\">
<head>
<title>Lab 07 - Login</title>
<meta charset=\"utf-8\" />
<style type=\"text/css\">
ul{ list-style:none; margin-top:5px;}
ul li{ display:block; float:left; width:100%; height:1%;}
ul li label{ float:left; padding:7px; color:#6666ff}
ul li input, ul li textarea{ float:right; margin-right:10px; border:1px solid #ccc; padding:3px; font-family: Georgia, Times New Roman, Times, serif; width:60%;}
li input:focus, li textarea:focus{ border:1px solid #666; }
fieldset{ padding:10px; border:1px solid #ccc; width:400px; overflow:auto; margin:10px;}
legend{ color:#000099; margin:0 10px 0 0; padding:0 5px; font-size:11pt; font-weight:bold; }
label span{ color:#ff0000; }
fieldset#info {position:absolute; top:60px; left:20px; width:460px; }
fieldset#submit {position:absolute; top:200px; left:20px; width:460px; text-align:center; }
fieldset input#SubmitBtn{ background:#E5E5E5; color:#000099; border:1px solid #ccc; padding:5px; width:150px;}
div#errorMsg {color:#ff0000; font-weight:bold; font-size:12pt; position:absolute; top:300px; left:25px;}
div#newLogin {color:#0000ff; font-size:12pt; position:absolute; top:350px; left:25px;}
</style>
</head>
<body>
<h1 style=\"font-size:14pt; text-indent:360px;\">Lab 07 - Login</h1>
<form id=\"form0\" method=\"post\" action=\"login.php\">
<fieldset id=\"info\">
<legend>Login</legend>
<ul>
<li> <label title=\"UserID\" for=\"UserID\">UserID <span>*</span></label>
<input type=\"text\" name=\"UserID\" id=\"UserID\" size=\"30\" maxlength=\"30\" value=\"\" /></li>
<li> <label title=\"Passwd\" for=\"Passwd\">Password <span>*</span></label>
<input type=\"password\" name=\"Passwd\" id=\"Passwd\" size=\"30\" maxlength=\"30\" value=\"\" /></li>
</ul>
</fieldset>
<fieldset id=\"submit\">
<input id=\"SubmitBtn\" name=\"SubmitBtn\" type=\"submit\" value=\"Login\" />
</fieldset>
</form>
<div id=\"errorMsg\"><?php if(!empty($_SESSION[\"errorMessage\"])){echo($_SESSION[\"errorMessage\"]);} ?></div>
<div id=\"newLogin\"><a href=\"newAccount.php\">Create New Login</a></div>
<script type=\"text/javascript\">
document.getElementById(\"UserID\").focus();
</script>
</body>
</html>
