Tell us what’s happening:
I keep getting the error of " All your checkboxes inside #survey-form should have a value attribute and value."tml.It’s the last thing missing for me to complete this survey Form.Normally it should work but I don’t know why it doesn’t work
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<title> freecodecamp Survey Form</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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>
<div id="border">
<form id="survey-form">
<label id="name-label">
<p class="title2">Name</p>
<input id="name" type="text" placeholder="Enter your Name" value="Name" required>
</label>
<label id="email-label">
<p class="title2">Email</p>
<input id="email" type="email" required placeholder="Enter your email" value="Email" required>
</label>
<label id="number-label">
<p class="title21">Age(optionnal)</p>
<input id="number" type="number" min="13" max="120" placeholder="Age" value="Number" required>
</label>
<p class="title3">Which option best describes your current role?</p>
<select id="dropdown">
<option> Select current role </option>
<option> Student </option>
<option> Full Time Job </option>
<option> Full Time Learner </option>
<option> Prefer Not To Say </option>
<option> Other </option>
</select>
<p class="title6">Would you recommend freeCodeCamp to a friend?</p>
<input id="Definitely" type="radio" name="best role" value="Definitely" required>
<label for="Definitely">
<p class="choice">Definitely</p>
</label><br>
<input id="Maybe" type="radio" name="best role" value="Maybe" required>
<label for="Maybe">
<p class="choice">Maybe</p>
</label><br>
<input id="Notsure" type="radio" name="best role" value="Notsure" required>
<label for="Notsure">
<p class="choice">Not sure</p>
</label>
<p class="title4">What is your favorite feature of freeCodeCamp?</p>
<select id="dropdown">
<option value="select"> Select an option </option>
<option value="challeng"> Challenges </option>
<option value="projet"> Projects </option>
<option value="communit"> Community </option>
<option value="opensou"> Open source </option>
</select>
<p class="title5">What would you like to see improved? (Check all that apply)</p>
<input id="frontend" type="checkbox" name="improvement" value="frontend" >
<label for="Frontend">
Front-end Projects
</label><br>
<input id="backend" type="checkbox" name="improvement" value="backend" >
<label for="Backend">
Back-end Projects
</label><br>
<input id="data" type="checkbox" name="improvement" value="data" >
<label for="Data">
Data Visualization
</label><br>
<input id="challenges" name="improvement" type="checkbox" value"challenges" >
<label for="Challenges">
Challenges
</label><br>
<p class="title7">Any comments or suggestions?</p>
<textarea id="textarea"> Enter your comment here... </textarea><br><br>
<input id="submit" type="submit" value="Submit">
</div>
</form>
</body>
</html>
Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form
