Survey Form - Build a Survey Form

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:

There is a typo in the value of name attribute. It should be company

Thank you so much. It worked.

1 Like