forgotpassword.html

<!DOCTYPE html>
<html>
<title>Password Recovery</title>
<body>
<center>
  <style>
body {background-image: url("buttons/background.png");}
body {font-family: 'Tangerine', serif;}
  </style>

<img src= buttons/passwordrecover.png height="111" alt=""/>
<br>
<br>
<br>

<br>
<br>
<form action="">
Username: <input type="text" name="username" id="username">
<br>
<br>
Security Question:<select>
  <option id="selected1" value="selected1">When did you learn to swim?</option>
  <option id="selected2"value="selected2">Who was your 1st grade Teacher?</option>
  <option id="selected3" value="selected3">What is your favourite Animal?</option>
  <option id="selected4" value="selected4">What is your favourite place to visit?</option>
</select>
<br>
<br>
Security Answer: <input id="securityanswer" type="text" name"securityanswer">
<br>
<br>
<input onclick="EmailNotify()" type="submit" name="submit" id="submit" value="Submit"/>

<p id="email"></p>


</form>
<script>
function EmailNotify() {
    document.getElementById("email").innerHTML = "An email has been sent to you regarding the password recovery.";
}
</script>
</center>
</body>
</html>