Tell us what’s happening:
it states that every radio button group should have at least 2 radio buttons. Please tell me how to amend it?
Your code so far
<!-- file: index.html -->
<link rel="stylesheet" href="styles.css">
<h1 id="title"> How can software companies boost their revenue? </h1>
<p id="description"> Thank you for taking out your precious time. </p>
<form id="survey-form">
<div class="input-element">
<label id="name-label">
Name
</label>
<input placeholder="name" id="name" type="text" required>
</div>
<div class="input-element">
<label id="email-label">
Email
</label>
<input placeholder="email" id="email" type="email" required>
</div>
<div class="input-element">
<label id="number-label">
Age
</label>
<input placeholder="age" id="number" type="number" min="5" max="100" required>
</div>
<div class="input-element">
<label id="select-label">
Which is your favorite company?
</label>
<select id="dropdown">
<option> Apple </option>
<option> Microsoft </option>
<option> Google</option>
</select>
</div>
<div>
<label> Have you worked in these companies before? </label>
<div>
<label><input type="radio" name="company" value="yes"/> Yes</label>
</div>
<div>
<label><input type="radio"name="comapny" value="no"/> No </label>
</div>
</div>
<div>
<label> Which suggestions are good ideas for the companies to implement? </label>
<div>
<label><input type="checkbox" name="ideas" value="salaries"/> Increment in salaries</label>
</div>
<div>
<label><input type="checkbox" name="ideas" value="hours"/> Decrease in working hours </label>
</div>
<div>
<label><input type="checkbox" name="ideas" value="promotion"/> Giving promotion on basis of work </label>
</div>
<div>
<label><input type="checkbox" name="ideas" value="females"/> Recruitment of more females</label>
</div>
<div>
<label><input type="checkbox" name="ideas" value="pensions"/> Increase in pensions</label>
</div>
</div>
<div class="input-element">
<label> Additional Comments</label>
<textarea type="text"> </textarea>
</div>
<button type="submit" id="submit">
Submit
</button>
</form>
/* file: styles.css */
body{
background-color: lightblue;
text-align: center;
}
form{
max-width: 500px;
text-align: left;
padding: 20px;
border: 2px solid black;
border-radius: 10 px;
}
input{
padding: 5px;
border: none;
border-radius: 5px;
}
.input-element{
display: flex;
flex-direction: column;
margin: 10 px;
}
{
select{
padding: 5 px;
border: none;
border-radius: 5px;
}
input[type="checkbox"]{
width: 15px;
height: 15px;
}
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
Challenge: Survey Form - Build a Survey Form
Link to the challenge: