Tell us what’s happening:
Hello,
I am getting this error:
“All your checkboxes inside #survey-form
should have a value
attribute and value.”
but I am not seeing an error. Thank you for your help in advance.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>New User Form</title>
</head>
<body>
<h1 id="title">New User Form</h1>
<p id="description">Enter your information to complete your account.</p>
<form id="survey-form" method="post">
<fieldset>
<div class="info">
<label id="name-label" for="name">First and Last name </label>
<input id="name" type="text" required placeholder= "Jane Ryan">
</div>
<div>
<label id="email-label" for="email">Email </label>
<input id="email" type="email" required placeholder="email@email.com">
</div>
<div>
<label id="number-label" for="number">Phone Number </label>
<input id="number" type="number" min="10" max="10" required placeholder="(123)456-7899">
</div>
</fieldset>
<fieldset id="team-select">
<label id="dropdown-label" for="dropdown">Choose your team:
<select id="dropdown">
<option value="0">(select one)</option>
<option value="octopus">Octopus</option>
<option value="parrot">Parrot</option>
<option value="hare">Hare</option>
<option value="centipede">Centipede</option>
</select></label>
</fieldset>
<fieldset>
<legend class="radio-legend">Pick a radio:</legend>
<div>
<label id="amfm-label" class="radio-label" for="amfm-radio"><input id="amfm-radio" type="radio" name="radio"value="am/fm"> AM/FM Radio
</label>
<label id="shortwave-label" class="radio-label" for="shortwave-radio"><input id="shortwave-radio" type="radio" name="radio" value="shortwave"> Shortwave Radio
</label>
<label id="satellite-label" class="radio-label" for="satellite-radio"><input id="satellite-radio" type="radio" name="radio" value="satellite"> Satellite Radio
</label>
</div>
</fieldset>
<fieldset>
<legend class="season-legend"> Choose your favorite seasons:</legend>
<div>
<label for="winter" id="winter-label" class="season-label">
<input type="checkbox" id="winter" name="seasons" value:"winter" class="seasons"> Winter</label>
<label for="spring" id="spring-label" class="season-label">
<input type="checkbox" id="spring" name="seasons" value:"spring" class="seasons">Spring</label>
<label for="summer" id="summer-label" class="season-label">
<input type="checkbox" id="summer" name="seasons" value:"summer" class="seasons"> Summer</label>
<label for="autumn" id="autumn-label" class="season-label">
<input type="checkbox" id="autumn" name="seasons" value:"autumn" class="seasons"> Autumn</label>
<label for="rainy" id="rainy-label" class="season-label">
<input type="checkbox" id="rainy" name="seasons" value:"rainy" class="seasons"> Rainy</label>
<label for="dry" id="dry-label" class="season-label">
<input type="checkbox" id="dry" name="seasons" value:"dry" class="seasons"> Dry</label>
</div>
</fieldset>
<fieldset>
<label id="sandwich-label" for="sandwich">Tell us what kind of sandwich is your favorite:</label>
<textarea id="sandwich" type="text" rows="3" col= "auto" placeholder= "Large sandwich with toasted bread and..."></textarea>
</fieldset>
<input id="submit" type="submit" value="Submit">
</form>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0
Challenge: Survey Form - Build a Survey Form
Link to the challenge: