Tell us what’s happening:
Describe your issue in detail here.
Help…I’m stuck on my radio buttons. I repeated what I learned in the previous lesson on building them and they passed, but they are wanting…
“All your radio buttons should have a value
attribute and value.”
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Coding Survey Form</title>
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<h1 id="title"> Heather's Baking Tutorial's</h1>
<p id="description">Thank you for taking the time to help our coders make this platform more comprehensive.</p>
<fieldset>
<form id="survey-form"/>
<div>
<label id="name-label">What is your name? <input id="name"<type="text" id="name" placeholder="What is your name" required/></label>
</div>
<div>
<label id="email-label">Email address <input id="email"<input type="email" id="email" placeholder="Enter your email" required/></label>
</div>
<div>
<label id="number-label">Age<input id="number"<input type="number" id="number" placeholder="Age" min="18" max="100" required/></label>
</div>
<div>
<label for="home-account"><input id="home-account" type="radio" name="account-type" class="inline" />Home Baker</label>
</div>
<div>
<label for="professional-account"><input id="professional-account" type="radio" name="account-type" class="inline" /> Professional Pastry Chef</label>
</div>
<div>
<label>How did you find us? </label>
<select id="dropdown"
<option value="">Select One</option>
<option value="1">Pinterest</option>
<option value="2">TikTok</option>
<option value="3">Facebook</option>
<option value="4">YouTube</option>
</div>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.42
Challenge: Survey Form - Build a Survey Form
Link to the challenge: