pls can anyone help me out where i am getting it wrong it says All your checkboxes inside #survey-form
should have a value
attribute and value. and i did that alreadyTell us what’s happening:
Describe your issue in detail here.
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="styles.css" /></head>
<body>
<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">
<label id="name-label">Name<br><input id="name" type="text" placeholder="Enter your name" required></label><br>
<label id="email-label">Email<br>
<input id="email" type="email" placeholder="Enter your email" required></label>
<label id="number-label"><br>Age (optional)<br><input id="number"type="number" min="10" max="99" placeholder="Age" required> <br>Which option best describes your current role?<br></label>
<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 Tme Lerner</option>
<option value="4"> Prefer not to say </option>
<option value="5"> others </option>
</select> <br>Would you recommend freeCodeCamp to a friend?<br>
<input type="radio" name="recommend" value="inline">Definitely<br>
<input type="radio"name="recommend" value="inline">Maybe<br>
<input type="radio"name="recommend" value="inline">Not sure<br>What is your favorite feature of freeCodeCamp?<br><select id="dropdown"><option value=""> Select an option </option>
<option value="1"> challenge </option>
<option value="2"> Project</option>
<option value="3"> Community </option>
<option value="4"> Open source </option>
</select> <br>
What would you like to see improved? (Check all that apply)<br>
<label> <input value="Front-end Projects" name="Front-end Projects" type="checkbox" class="inline">Front-end Projects</label><br>
<label> <input value="Back-end Projects" name="Back-end Projects" type="checkbox"class="inline">Back-end Projects</label><br>
<label> <input value="Data Visualization" name="Data Visualization" type="checkbox"class="inline">Data Visualization</label><br>
<label> <input value="Challenges" name="Challenges" type="checkbox"class="inline">Challenges</label><br>
<input value="Open Source Community" name="Open Source Community" type="checkbox"class="inline">Open Source Communit</label>y<br>
<label> <inputvalue="Gitter help rooms"name="Gitter help rooms" type="checkbox"class="inline">Gitter help rooms</label><br>
<label> <input value="City Meetups" name="City Meetups" type="checkbox" class="inline">Videos</label><br>
<label> <input type="checkbox"class="inline">City Meetups</label><br>
<label> <input value="wiki" name="wiki" type="checkbox"class="inline">Wiki</label><br>
<label> <input value="forum" name="forum" type="checkbox"class="inline">Forum<br></label>
<label> <input value="Additional Courses" name="Additional Courses" type="checkbox"class="inline">Additional Courses</label><br>
Any comments or suggestions?<br>
<textarea placeholder="Enter your comment here..."></textarea><br>
<input id="submit" type="submit">
</form>
</body>
</html>
/* file: styles.css */
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
font-family: Tahoma;
font-size: 16px;
}
h1, p {
margin: 1em auto;
text-align: center;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: