5.5_clubform.html

<!DOCTYPE html>
<html>
<head>
<title>Club Form</title>
<meta name="author" content="Jacob Howard">
<meta name="description" content="This is an example form for club selection at Milwee Middle School.">
<meta name="keywords" content="club, form, submission, html">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css\5.5_clubform.css">
<link rel="shortcut icon" type="image/png" href="img\favicons\golfclub.png">
</head>

<body>
<center>
<h1>Milwee Middle School club form submission</h1>
<div>
<form>
<label for="grade-levels"><h4>Your Grade Level:</h4>
    <input id="grade" type="radio" name="grade-levels" value="Sixth" checked> Sixth Grade<br>
    <input id="grade" type="radio" name="grade-levels" value="Seventh"> Seventh Grade<br>
    <input id="grade" type="radio" name="grade-levels" value="Eighth"> Eighth Grade<br>
</label>
</form>
</div>
<br>
<form>
<div>
<!-- Where the user enters their name. -->
<label for="name"><h4>Your First and Last Name:</h4>
    <input id="club" type="text" name="name" placeholder="Jacob Howard">
</label>
</form>
<br>
</div>
<br>
<div>
<form>
<!-- Where the user selects their desired club. -->
<label for="club"><h4>Club You Want:</h4>
    <input id="club" type="radio" name="club" value="chess" checked> Chess club<br>
    <input id="club" type="radio" name="club" value="vgd"> Video Game Design club<br>
    <input id="club" type="radio" name="club" value="seaperch"> Seaperch club<br>
    <input id="club" type="radio" name="club" value="jropt"> Junior Optimist club<br>
    <input id="club" type="radio" name="club" value="minecraft"> Minecraft club<br>
    <input id="club" type="radio" name="club" value="cwriting"> Creative Writing club<br>
    <input id="club" type="radio" name="club" value="cphotography"> Cell Phone Photography club<br>
    <input id="club" type="radio" name="club" value="yearbook"> Yearbook club<br>
</label>
</form>
</div>
</center>
<br>
<center>
<!-- The submit button that redirects the user to a thank you page after submitting. -->
<a href="misc\5.5_thankyou.html"><input style="
    height:50px;
    width:400px;
    border: 1px solid white;
    border-radius:15px;
    "type="submit"
    value="Submit">
</a>
</center>
</body>
</html>