Survey Form - Build a Survey Form

Tell us what’s happening:
I’m just wondering how to submit the project for review? I can’t figure out how to mark it as complete. Clicking the “Run the tests” button doesn’t do a thing

Your code so far

<!-- file: index.html -->
<!DOCTYPE><html lang="en"><meta charset="UTF=8"><link rel="stylesheet" href="styles.css">
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<form id="survey-form"><fieldset><label for="name">Name</label>
<input id="name-label" type="text" placeholder="Enter your name" required></input></fieldset>
<fieldset><label for="email">Email</label><input id="email-label" type="email" placeholder="Enter your email" required></input></fieldset>
<fieldset><label for="age">Age  (optional)</label><input id="age-label" type="number" min="13" max="120" placeholder="Enter your age"></input></fieldset>
<fieldset><label for"dropdown">Which option best describes your current role?</label><select id="dropdown" type="dropdown"><option>Select current role</option><option id="student" value="student">Student</option><option id="full-time-job" value="full-time-job">Full Time Job</option><option id="full-time-learner" value="full-time-learner">Full Time Learner</option><option id="prefer-not-to-say" value="prefer-not-to-say">Prefer not to say</option><option id="Other" value="other">Other</option></select></fieldset>
<fieldset><label>Would you recommend freeCodeCamp to a friend?</label><label for="definitely"><input type="radio" name="recommendation" id="definitely" class="inline"></input>Definitely</label>
<label for="maybe"><input type="radio" id="maybe" name="recommendation" class="inline"></input>Maybe</label>
<label for="not-sure"><input type="radio" name="recommendation" id="not-sure" class="inline"></input>Not sure</label></fieldset>
<fieldset><label for="dropdown">What is your favorite feature of freeCodeCamp?</label><select id="dropdown" type="dropdown" class="block"><option>Select an option</option><option value="challenges">Challenges</option><option value="projects">Projects</option><option value="community">Community</option><option value="open-source">Open source</option></select></fieldset>
<fieldset><label>What would you like to see improved? (check all that apply)</label><label for="front-end-projects"><input id="front-end-projects" value="Front-end Projects" class="inline" type="checkbox"> Front End Projects</label><label for="Back-end Projects"><input type="checkbox" value="Back-end Projects" id="Back-end Projects" class="inline"> Back-end Projects</label><label for="Data Vizualization"><input type="checkbox" value="Data Visualization" id="Data Visualization" class="inline"> Data Visualization</label><label for="Challenges"><input type="checkbox" value="Challenges" id="Challenges" class="inline"> Challenges</label><label for="Open Source Community"><input type="checkbox" value="Open Source Community" id="Open Source Community" class="inline"> Open Source Community</label><label for="Gitter help rooms"><input type="checkbox" value="Gitter help rooms" id="Gitter help rooms" class="inline"> Gitter help rooms</label><label for="Videos"><input type="checkbox" value="Videos" id="Videos" class="inline"> Videos</label><label for="City Meetups"><input type="checkbox" value="City Meetups" id="City Meetups" class="inline"> City Meetups</label><label for="Wiki"><input type="checkbox" value="Wiki" id="Wiki" class="inline"> Wiki</label><label for="Forum"><input type="checkbox" value="Forum" id="Forum" class="inline"> Forum</label><label for="Additional Courses"><input type="checkbox" value="Additional Courses" id="Additional Courses" class="inline"> Additional Courses</label></fieldset>
<fieldset><label for="additional comments">Any comments or suggestions?<textarea class="block" id="additional comments" placeholder="Enter your comments here..."></textarea></label></fieldset>
<fieldset><input type="submit" id="submit" class="button"></fieldset></form>
/* file: styles.css */
body{background-color: rgb(80, 70, 150); width: 100%; height: 100vh; margin: 0}
h1 {font-family: tahoma; color: white; text-align: center; padding-top: 1em; padding-bottom: 0}
input, textarea, select {margin: 10px 0 0 0; width: 100%; min-height: 3em}
textarea {margin-top:  10px; padding-top: 7px; padding-left: 7px; height: 100px}
p {font-family: tahoma; color: white;  font-style: italic; text-align: center; padding-bottom: 10px }
fieldset {border: none; }
label {font-family: tahoma; color: white; display: block; padding-bottom: 10px}
form {width: 80vw; background-color:rgb(20, 20, 60); padding: 20px; max-width:600px; min-width: 400px; margin: 0 auto; padding-bottom: 2em; display: block}
.inline {width: unset; margin: 0 0.5em 0 0;  vertical-align: middle }
.button {width: 270px; height: 30px; color: green;}
.block {display: block}
input[type="submit"] {width: 80%; margin: 12m auto; height: 23m; font-size: 1.1rem; background-color: rgb(80, 190, 120); border: 0px}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

You are saying that when you click the “Run the Tests” button that the little beaker icons next to each test don’t change to either a checkmark or an “X”?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.