Tell us what’s happening:
I feel really stupid, but I’m still stuck on the step “Each radio group should have at least 2 radio buttons”. I’ve tried the read-search-ask method, and I have looked at the similar questions that were already answered in this forum, here’s my line of code I’m struggling with (sorry it’s so long, trying to be original). I even tried the button=“” attribute AND keeping the name and value attributes the same as well. I just struggle with this one spot, but everything else is correct. I even tried out the steps in <input type="radio"> - HTML: HyperText Markup Language | MDN and it still doesn’t pass.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<h1 id="title">Saw franchise</title>
<p id="description">Please fill out all required fields</p>
<form id="survey-form">
<survey-form>
<div>
<label>
Enter
<label id="name-label">name here</label>
<input id="name" type="name" placeholder="John Kramer" required> </input>
</label>
</div>
<label>
Enter
<label id="email-label"> email here</label>
<input id="email" type="email" placeholder="johnkramer@gmail.com" required> </input>
</label>
</div>
<div>
<label>
Enter
<label id="number-label"> age here</label>
<input id="number" type="number" min="13" max="100" placeholder="Age" required> </input>
</div>
<label>
<label id="number-label" required>Who's your favorite actor?</label>
<select id="dropdown">
<label id="select-label">
<div>
<option>(Select one)</option>
<option>Tobin Bell (John)</option>
<option>Shawnee Smith (Amanda)</option>
<option>Costas Mandylor (Hoffman)</option>
<option>Cary Elwes (Dr. Gordon)</option>
<option>Leigh Whannell (Adam)</option>
<option>Danny Glover (Det. Tapp)</option>
</label>
</select>
</div>
<div>
<label>
Which movie is your favorite?</label></div>
<div>
<input type="radio" id="Saw" name="Saw" value="Saw" ></input>
<label for="Saw">Saw</label>
</div>
<div>
<input type="radio" id="Saw II" name="Saw II" value="Saw II" ></input>
<label for="Saw II">Saw II</label>
</div>
<div>
<input type="radio" id="Saw III" name="Saw III" value="Saw III" ></input>
<label for="Saw">Saw III</label>
</div>
<div>
<input type="radio" id="Saw IV" name="Saw IV" value="Saw IV"></input>
<label for="Saw IV">Saw IV</label>
</div>
<div>
<input type="radio" id="Saw V" name="Saw V" value="Saw V"></input>
<label for="Saw V">Saw V</label>
</div>
<div>
<input type="radio" id="Saw VI" name="Saw VI" value="Saw VI"></input>
<label for="Saw VI">Saw VI</label>
</div>
<div>
<input type="radio" id="Saw 3D" name="Saw 3D" value="Saw 3D"></input>
<label for="Saw">Saw 3D</label>
</div>
<div>
<input type="radio" id="Jigsaw" name="Jigsaw" value="Jigsaw"></input>
<label for="Saw">Jigsaw</label>
</div>
<div>
<input type="radio" id="Spiral" name="Spiral" value="Spiral"></input>
<label for="Spiral">Spiral</label>
</div>
<div>
<input type="radio" id="Saw X" name="Saw X" value="Saw X"></input>
<label for="Saw X">Saw X</label>
</div>
<div>
<label>
Would you rather be an apprentice or test your luck in a Saw trap?</label>
</div>
<div>
<input type="checkbox" value="yes">Apprentice</input>
</div>
<div>
<input type="checkbox" value="yes">Saw Trap</input>
</div>
<div>
<textarea placeholder="Optional: Why did you pick this movie?"></textarea>
</div>
<input id="submit" button type="Submit"></button>
</survey-form>
</form>
</html>
</h1>
/* file: styles.css */
survey-form {
text-align: center;
}
textarea {
text-align: center;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form