Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
can someone help me trough it? it tells me that every radio button group should have at least 2 radio buttons, and i put 3?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css/">
</head>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>

  <form 
  id="survey-form">
  <label 
id="name-label" 
for="name">Name</label>
<input 
name="name"
  id="name" 
  type="text" 
  placeholder="Enter your Name"
  required/>
  </form>

<form id="survey-form">
  <label 
id="email-label" 
for="email">Email</label>
<input 
name="email"
id="email" 
type="email"
placeholder="Enter your Email"
required/>
</form> 

<form 
id="survey-form">
<label 
id="number-label" 
for="number">Age</label>
<input 
name="number"
id="number" 
type="number" 
min="10" 
max="99" 
placeholder="Age">
</form>

<div class="form-group">
<form 
id="survey-form">
<p>Which option best describes your current role?</p>
<select 
id="dropdown"/>
<option>Unenployed</option>
<option>Full time job</option>
</form>
<div>

<div class="form-group">
  <p>Would you recommend freeCodeCamp to a friend?</p>

  <label>
  <input 
  type="radio" 
  value="maybe" 
  name="user-reccomend"
  class="input-radio"
  />Maybe</label>

  <label>
  <input 
  type="radio" 
  value="for-sure" 
  name="user-recommend"
  class="input-radio"
  />For sure</label>

  <label>
    <input
    type="radio"
    value="never"
    name="user-recommend"
    class="input-radio"
    />Never</label>
</div>

<label id="survey-form">
<div class="form-group">
<form >
  <p>wich one do you prefer?</p>
  <input 
  type="checkbox" 
  value="frontend" 
  name="Frontend"/>Front-end Projects
  <input 
  type="checkbox" 
  value="backend" 
  name="backend"/>Back-end Projects
</div>
</form>
</label>

<form id="survey-form">
<div class="form-group">
    <p>Any comments or suggestions?<p>
<textarea 
class="input-textarea"
placeholder="comment here"/>
</textarea>
</form>


<div class="survey-form">
<button
id="submit"
class="submit"
type="submit"
/>submit</button>
</div>
  
  </div>
</body>
</html>

/* file: styles.css */
body {
  background-color: lightblue;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36 OPR/105.0.0.0

Challenge Information:

Survey Form - Build a Survey Form

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hello!

You have only one radio button inside the three groups, the challenge wants two of them.

Simply copy the existing one in every group, put the second one underneath and give it a few new options.

4

a group is made of all the checkboxes or radio elements having the same name attribute, it looks like you gave them different names

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.