Tell us what’s happening:
Describe your issue in detail here.
It is weird but I simply don’t see what I should do to get the submit button to work?!
I fixed the and put it at the end. So that’s good. I also closed nicely the form and the body. But still no go! I am out of ideas here…
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1 id="title">Basic Survey Form</h1>
<p id="description"> Please fill out this form with the required information and submit.</p>
<form id="survey-form" type="text" id="name">
<label for="name" id="name-label">Enter Your Name: <input type="name" id="name" placeholder="name" required /></label><br>
<label for="email" id="email-label">Enter Your Email: <input name="fileA" type="email" id="email" placeholder="email" required /></label><br>
<label for="number" id="number-label">Enter Number: <input name="fileB" type="number" id="number" placeholder="10" required min="0" max="10"/></label><br>
<!-- dropdown menu -->
<label for="dropdown">Gender: </label>
<select id="dropdown">
<option value="woman">woman</option>
<option value="man">man</option>
<option value="non-binary">non-binary</option>
</select><br>
<!-- select a or b -->
Select A/B:
<input type="radio" name="fav_language" value="a" />
<label name="radio">A</label>
<input type="radio" name="fav_language" value="b" />
<label name="radio">B</label><br>
<!-- select color -->
Select color:
<input name="fileC" type="checkbox" id="submit" value="white" />
<label for="checkbox">White</label>
<input name="fileD" type="checkbox" id="submit" value="brown" />
<label for="checkbox">Brown</label><br>
<!-- enter comment -->
Comments:
<textarea type="text">
</textarea><br>
<!-- submit button -->
<input id="submit" type="submit" value="Submit"/>
</form>
</body>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: