4sykes
August 14, 2023, 4:56am
1
Tell us what’s happening:
I keep seeing the error: “Every radio button group should have at least 2 radio buttons”. I have more than two radio buttons, and they are functional in the preview.
Your code so far
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
<fieldset>
<label> Which F1 Constructor is your favorite?
<label for="constructor"><input id="apha-romeo" class="inline" type="radio" name="constructor" value="alpha-romeo" /> Alpha Romeo</label>
<label for="constructor" ><input id="alpha-tauri" class="inline" type="radio" name="constructor" value="alpha-tauri" /> Alpha Tauri</label>
<label for="constructor"><input id="alpine" class="inline" type="radio" name="constructor" value="alpine" /> Alpine</label>
<label for="constructor"><input id="aston-martin" class="inline" type="radio" name="constructor" value="aston-martin" /> Aston Martin</label>
<label for="constructor"><input id="ferrari" class="inline" type="radio" name="constructor" value="ferrari" /> Ferrari</label>
<label for="constructor"><input id="haas" class="inline" type="radio" name="constructor" value="haas" /> Haas</label>
<label for="constructor"><input id="mclaren" class="inline" type="radio" name="constructor" value="mclaren" /> McLaren</label>
<label for="constructor"><input id="mercedes" class="inline" type="radio" name="constructor" value="mercedes" /> Mercedes</label>
<label for="constructor"><input id="red-bull" class="inline" type="radio" name="constructor" value="red-bull" /> Red Bull</label>
<label for="constructor"><input id="williams" class="inline" type="radio" name="constructor" value="williams" /> Williams</label>
</label>
</fieldset>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
Learn to Code — For Free
Viv01
August 14, 2023, 4:57am
2
Can you please share your code
Guided
August 14, 2023, 12:44pm
4
The code you provided seems to be working.
Its possible the issue is in another part of your code.
4sykes
August 14, 2023, 5:23pm
5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<tilte>Automotive & F1 Fanclub Regestration Form</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 class="center" id="title"> Automotive & F1 Fanclub Regestration Form </h1>
<p id="description"> From Yugos to Lambos, we keep our RPMs high and MPGs low!</p>
<form id="survey-form" method="post">
<fieldset>
<label id="name-label">Enter your name:
<input required id="name" type="text" placeholder="Lewis Hamilton" />
</label>
<label id="email-label">Enter your Email:
<input required id="email" type="email" placeholder="michael@schumacher.com" />
</label>
<label>What is your dream car?
<input required id="dream-car" type="text" placeholder="Murcielago SV" />
</label>
<label id="number-label">How much horsepower does it have?
<input required id="number" type="number" min="0" max="10000" placeholder="670" />
</label>
</fieldset>
<fieldset>
<label>Who is your favorite driver on the 2023 F1 grid?
<select id="dropdown">
<option vlaue="">Select a Driver</option>
<option vlaue="1">Alex Albon</option>
<option vlaue="2">Fernando Alonso</option>
<option vlaue="3">Lewis Hamilton</option>
<option vlaue="4">Valtteri Bottas</option>
<option vlaue="5">Pierre Gasley</option>
<option vlaue="6">Nico Hulkenberg</option>
<option vlaue="7">Charles Leclerc</option>
<option vlaue="8">Kevin Magnussen</option>
<option vlaue="9">Lando Norris</option>
<option vlaue="10">Esteban Ocon</option>
<option vlaue="11">Sergio Perez</option>
<option vlaue="12">Oscar Piastri</option>
<option vlaue="13">Daniel Riccardo</option>
<option vlaue="14">George Russell</option>
<option vlaue="15">Carlos Sainz</option>
<option vlaue="16">Logan Sargeant</option>
<option vlaue="17">Lance Stroll</option>
<option vlaue="18">Yuki Tsunoda</option>
<option vlaue="19">Max Verstappen</option>
<option vlaue="20">Zhou Guanyu</option>
</select>
</label>
</fieldset>
<fieldset>
<label> Which F1 Constructor is your favorite?
<label for="constructor"><input id="apha-romeo" class="inline" type="radio" name="constructor" value="alpha-romeo" /> Alpha Romeo</label>
<label for="constructor"><input id="alpha-tauri" class="inline" type="radio" name="constructor" value="alpha-tauri" /> Alpha Tauri</label>
<label for="constructor"><input id="alpine" class="inline" type="radio" name="constructor" value="alpine" /> Alpine</label>
<label for="constructor"><input id="aston-martin" class="inline" type="radio" name="constructor" value="aston-martin" /> Aston Martin</label>
<label for="constructor"><input id="ferrari" class="inline" type="radio" name="constructor" value="ferrari" /> Ferrari</label>
<label for="constructor"><input id="haas" class="inline" type="radio" name="constructor" value="haas" /> Haas</label>
<label for="constructor"><input id="mclaren" class="inline" type="radio" name="constructor" value="mclaren" /> McLaren</label>
<label for="constructor"><input id="mercedes" class="inline" type="radio" name="constructor" value="mercedes" /> Mercedes</label>
<label for="constructor"><input id="red-bull" class="inline" type="radio" name="constructor" value="red-bull" /> Red Bull</label>
<label for="constructor"><input id="williams" class="inline" type="radio" name="constructor" value="williams" /> Williams</label>
</label>
</fieldset>
<fieldset>
<label>Was the ending to the 2021 WDC fair? Please explain:
<label for="fair"><input class="inline" type="radio" name="fair" value="yes" /> Yes</label>
<label for="fair"><input class="inline" type="radio" name="fair" value="no" /> No</label>
<textarea id="2021WDC" name="2021WDC" rows="3" cols="30" placeholder="Move on! It was almost 3 years ago!"></textarea>
</label>
</fieldset>
<fieldset>
<label> What notifications would you like to recieve? </label>
<label><input class="inline" id="everything" type="checkbox" value="everything" checked> Everything!</label>
</input>
<label><input class="inline" id="meets" type="checkbox" value="meets"> Meets</label>
</input>
<label><input class="inline" id="auto-listings" type="checkbox" value="auto-listing"> Auto Listings</label>
</input>
<label><input class="inline" id="news" type="checkbox" value="news"> News</label>
</input>
</fieldset>
<fieldset>
<input id="submit" type="submit" value="Join the club!">
</fieldset>
</form>
</body>
</html>
The following code line is not valid:
<tilte>Automotive & F1 Fanclub Regestration Form</title> ...tilte!
The ‘for’, and corresponding ‘id’ attribute must have the same value
<label for="constructor"><input id="apha-romeo"....
4sykes
August 14, 2023, 10:06pm
7
Still receiving the “Every radio button group should have at least 2 radio buttons.” error, but thank you for your help!
I think you’ve triggered a bug in the tests by using the value “constructor” for the name attribute on the radio buttons. Change it to something else and then you should pass that test.
Hello.
… also, review your dropdown
What is the correct? vlaue or value? Check this
Grets.
system
February 14, 2024, 1:00am
12
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
