I believe I am done with the First webDesign project “Project Survey”. When I click the button to run the test, nothing happens. I have saved the project and reloaded the page. but nothing happens. I’m new to this website so I don’t know the quirks. also as this is my first HTML project my code may be messy. please critique it but please go easy on me 
.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>MusicCheck</title>
<meta charset="utf-8>"
</head>
<body>
<fieldset>
<div><h1 id="title">Music Check✔️</h1></div>
<div> <p id="description">Tell me about your music tastes so I can learn who you are</p></div>
</fieldset>
<fieldset id="field1">
<h2 class="sechead">Personal Information</h2>
<p class="p1">Tell me about yourself (we don't sell your data) </p>
<form id="survey-form">
<div>
<label for="name-label">Name:</label>
<input type="text" id="name" placeholder="John/Jane Doe">
</div>
<div>
<label for="number-label">age:</label>
<input type="number" id="number" placeholder="Age" min="5" max="100">
</div>
<div>
<label for="email-label">Email:</label>
<input type="email" id="email" placeholder="email@client.com">
</div>
<div>
<label>Sex/Gender:</label>
<select id="dropdown">
<option value="">Please Chose an option</option>
<option value="1">Male</option>
<option value="2">Female</option>
<option value="3">Non-binary</option>
</select>
</div>
</fieldset>
<Fieldset>
<h2 class="sechead">Music Tastes</h2>
<p class="p1">Tell us about your musical intrests to help us understand your personallity</p>
<div>
<label for=artist>Artist:</label>
<input type="text" placeholder="Favorite Musiction" id="artist">
</div>
<div>
<label>Album:</label>
<input type="text" placeholder="Favorite Album by artist" id="album">
</div>
<div>
<label for="song">Song:</label>
<input type="text" id="song" placeholder="Favorite song by artist">
</div>
<div>
<label for="genre">Genre:</label>
<input type="text" id="genre" placeholder="Favorite music genre">
</div>
<div>
<label for="2fav">Second Best:</label>
<input type="text" id="2fav" placeholder="Second Favorite Artist">
</div>
<div>
<label for="3fav">Third Best:</label>
<input type="text" id="3fav" placeholder="Third favorite artist">
</div>
</fieldset>
<fieldset>
<div>
<p>Are you American🇺🇸?</p>
<label for="yes"><input id="yes" type="radio" name="Yes" checked />Yes</label>
<label for="No"><input id="no" type="radio" name="account-type" class="inline" />NO</label>
<input type="text" placeholder="If no please tell us you Nationality">
</div>
</fieldset>
<fieldset>
<div>
<h2>Data colletion Consent</h2>
<p>Do you give permission to share your information? Your name will be kept anonymous.</p>
<label for="tnc">
<input class="termscon" type="checkbox" id="tnc" required name="Terms-and-conditions" value="accepted-terms">Yes</label>
<label for="tnc"><input class="termscon" id="tnc" value="not-accepted-dont-share" type="checkbox">No</label>
</div>
<div>
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="Please name other songs outside of your favorite artist that you enjoy"></textarea>
</div>
<div>
<input type="submit" value="submit" id="submit">
</div>
</fieldset>
</form>
</body>
<fieldset>
<footer>
<p1 class="fT">SonOfHighJohn@gmail.com</p1>
<p2 class="fT">Jaquan C. Strayhorn</p2>
<p3 class="fT">+1(252)521-4693</p3>
</footer>
</fieldset>
</html>
