**hello can anyone explain what is wrong with my radio button…it keeps showing this error…Every radio button group should have at least 2 radio buttons…???
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>registration</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="title">registration</h1>
<p id="description">doing something new for the first time....hope it will work....</p>
<form id="survey-form">
<fieldset>
<label for="your-name" id="name-label"> your Name: <input id="name" name="name" type="text" placeholder="Ingus" required></input></label>
<label for="last-name">
</fieldset>
<fieldset>
<label for="last-name" id="name-label">Last Name: <input id="last-name" name="last-name" type="text" placeholder="Brunins" class="inline"/></label>
</fieldset>
<fieldset>
<label for="email" id="email-label">your Email: <input id="email" name="email" type="email" placeholder="ibrunins6@gmail.com" required/></label>
</fieldset>
<fieldset>
<label for="age" id="number-label">your age (years): <input id="number" id="age" type="number" name="age" min="13" max="120" placeholder="32" class="inline" /></label>
</fieldset>
<fieldset>
<select id="dropdown" name="referrer">
<option value="">(select one)</option>
<option value="1">Do you want more information?</option>
<option value="2">or you want to become a customer</option>
</select>
</fieldset>
<fieldset>
<hr>
<div>
<label>do you like it....?</label>
</div>
<hr>
<label><input type="radio" name="yes" class="inline" value="yes"/>yes</label>
<label><input type="radio" name="no" class="inline" value="no"/>no</label>
<hr>
<fieldset>
<label for="Confirmed" name="Confirmed">
<input value="1" id="Confirmed" type="checkbox" required name="Confirmed" class="inline">Confirmed
<label for="rejected" name="rejected">
<input value="2" id="rejected" type="checkbox" required name="rejected" class="inline" /> rejected
</fieldset>
<fieldset>
<label for="bio">your comment..;):
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="your comment..;)"></textarea>
</label>
<button type="submit" id="submit" class="submit-button">submit</button>
</form>
</body>
/* file: styles.css */
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: red;
color: blue;
font-family: Tahoma;
font-size: 16px;
}
h1, p {
margin: 1em auto;
text-align: center;
}
form {
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;
}
fieldset {
border: 0;
padding: 2rem 0;
border-bottom: 3px solid #3b3b4f;
}
label {
display: block;
margin: 0.5rem 0;
}
input {
width: 60%;
background-color: #0a0a23;
border: 1px solid #0a0a23;
color: white
}
.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.42
Challenge: Survey Form - Build a Survey Form
Link to the challenge: