Tell us what’s happening:
I have passed all the tests except this one( All your checkboxes inside #survey-form should have a value attribute and value.) kindly assist me.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FreeCodeCamp Survey Form</title>
<link rel="stylesheet" href="style.css"></link>
</head>
<body>
<form id="survey-form">
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p><label id="name-label" for="name">Name:<input id="name" type="text" placeholder="Enter your name" required /></label><label id="email-label" for="email">Email:<input id="email" type="email" placeholder="Enter your email" required /></label><label id="number-label" for="age">Age(optional)<input id="number" type="number" min="13" max="120" placeholder="Age" /></label>
<fieldset><label>Which option best describes your current role?<select id="dropdown">
<option value="">(select current role)</option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select>
</label></fieldset>
<fieldset>Would you recommend freeCodeCamp to a friend?<label for="definitely"><input id="definitely" value="1" type="radio" name="type" />Definitely</label>
<label for="maybe"><input id="maybe" value="2" type="radio" name="type" />Maybe</label>
<label for="not-sure"><input id="not-sure" value="3" type="radio" name="type" />Not sure</label></fieldset>
<fieldset><label>What is your favourite feature of FreeCodeCamp?<select>
<option value="">(select an option)</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
</select>
</label></fieldset>
<fieldset>What would you like to see improved? (check all that apply)<label for="front-end-projects"><input id="front-end-projects" type="checkbox"/>Front-end projects</label><label for="back-end-projects"><input id="back-end-projects" type="checkbox"/>Back-end projects</label><label for="data-visualisation"><input id="data-visualisation" type="checkbox"/>Data Visualisation</label><label for="challenges"><input id="challenges" type="checkbox"/>Challenges</label><label for="open-source-community"><input id="open-source-community" type="checkbox"/>Open Source Community</label><label for="gitter-help-rooms"><input id="gitter-help-rooms" type="checkbox"/>Gitter help rooms</label><label for="videos"><input id="videos" type="checkbox"/>Videos</label><label for="city-meetups"><input id="city-meetups" type="checkbox"/>City Meetups</label><label for="wiki"><input id="wiki" type="checkbox"/>Wiki</label><label for="forum"><input id="forum" type="checkbox"/>Forum</label><label for="additional-courses"><input id="additional-courses" type="checkbox"/>Additional Courses</label></fieldset>
<fieldset><label for="comments">Any comments or suggestions?<textarea id="comments" rows="3" cols="30" placeholder="Enter your comments here..."></textarea></label></fieldset>
<input type="submit" id="submit"/></form>
</body></html>
/* file: styles.css */
body{width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7;}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 Edg/111.0.1661.44
Challenge: Survey Form - Build a Survey Form
Link to the challenge: