Tell us what’s happening:
Hello everyone,
I have a problem with my test, i seem to not be able to pass one of the requirements . I have tried it a few times but seems to do something wrong. the checkbox part of code gives me this error : All your checkboxes inside #survey-form should have a value attribute and value. code is in the sample and cant find where i do wrong . thank you for your help
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve</p>
<form id="survey-form" method="post" action='https://register-demo.freecodecamp.org'>
<!--------- first fieldset name email number fields --------->
<fieldset>
<label for="name-label" id="name-label">Enter Your Name: <input id="name" name="name" type="text" placeholder="Enter your name here" required /></label>
<label for="email-label" id="email-label">Enter Your Email: <input placeholder="Enter your email here" id="email" name="email" type="email" required /></label>
<label for="number-label" id="number-label">Number: <input placeholder="Enter your number here" id="number" type="number" name="number" min="13" max="120" /></label>
</fieldset>
<!--------- second fieldset radio buttons --------->
<fieldset>
<legend>Purpose of visit (required)</legend>
<label for="personal-account" >
<input value="personal-account" id="personal-account" type="radio" name="account-type" class="inline" checked />Personal</label>
<label for="business-account" >
<input value="business-account" id="business-account" type="radio" name="account-type" class="inline" />Business</label></fieldset>
<!--------- third fieldset dropbox checkbox fields --------->
<fieldset>
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
<label for="dropdown">How did you hear about us?
<select id="dropdown" name="dropdown">
<option value="">(select one)</option>
<option value="1">freeCodeCamp News</option>
<option value="2">freeCodeCamp YouTube Channel</option>
<option value="3">freeCodeCamp Forum</option>
<option value="4">Other</option>
</select>
<label>How happy are you with the services aquired?
<label><input id="very-happy" value="Very-happy" name="very-happy" type="checkbox" class="inline" />Very happy</label>
<label><input id="happy" value="Happy" name="happy" type="checkbox" class="inline" />Happy</label>
<label><input id="not-happy" value="Not-happy" name="not-happy" type="checkbox" class="inline" />Not happy</label>
</label>
<label for="bio">Your experience with us:
<textarea id="bio" name="bio" rows="5" cols="30" placeholder="Tell us about your experience..."></textarea>
</label>
</fieldset>
<label for="terms-and-conditions">
<input class="inline" id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
</label>
<input id="submit" type="submit" value="Submit" />
</form>
</h1>
</body>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:129.0) Gecko/20100101 Firefox/129.0
Challenge Information:
Survey Form - Build a Survey Form
