Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I am stucked for the “Survey Form - Certification Projet”.
Everything seems to go well untill this stage :
“Stage 40” : All your checkboxes inside #survey-form should have a value attribute and value.

I really don’t know what to do.

Please help, thank you verry much,

Romain.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1 id="title">Soundcloud survey form</h1>
    <p id="description">Thanks helping us to improve the website by filling up this survey. </p>
    <form method="post" action='https://register-demo.freecodecamp.org' id="survey-form">
      <fieldset>
        <label id="name-label" for="first-name">First Name: <input id="name" name="first-name" type="text" placeholder="enter your name"required />
        <label id ="last-name" for="last-name">Last Name: <input id="last-name" name="last-name" type="text" placeholder="enter your last-name"required /></label>
        <label id="email-label" for="email">Email: <input id="email" name="email" type="email" placeholder="email" required /></label>
      <label id="number-label" for="age"> Age (years): <input id="number" type="number" name="age" min="13" max="120"
      placeholder="age" required /></label>
      <label for="referrer">Which option best describes your current role?
          <select id="dropdown" name="referrer">
            <option value="">(Select current role)</option>
            <option value="1">Student</option>
            <option value="2">Full time job</option>
            <option value="3"> Full time learner</option>
            <option value="4">Prefer not to say</option>
            <option value="4">Other</option>
          
        </label> </select>

      </fieldset>

      <fieldset>
      <legend>Would you recommend the soundcloud platform to a friend?</legend>
        <label for="definitely"><input id="definitely" type="radio" name="recommendation" class="inline" value="definitely" checked /> Definitely</label>
        <label for="maybe"><input id="maybe" type="radio" name="recommendation" class="inline" value="maybe" /> Maybe</label>
        <label for="not sure"><input id="not sure" type="radio" name="recommendation" class="inline" value="not sure" /> Not sure</label>
        <label for="not at all"><input id="not at all" type="radio" name="recommendation" class="inline" value="not at all" /> Not at all</label>
      </fieldset>
       <fieldset>
         <div class="form-group">
           <p>What is your favorite setting or feature from the soundcloud platform ?
             <select id="most-like" name="most-like" class="form-control" required>
               <option disabled selected value>Select an option</option>
               <option value>Blog</option>
               <option value>Streaming</option>  
               <option value>Following artists</option><option value>Soundcloud store</option> </select></div>
               <div class="form-group">
                 <p> What would you like to see improved on the soundcloud platform ? <span class="clue"> (Check all that apply) </span> </p>
                 <label>
                   <input name="prefer" value="followers" type="checkbox" class="input-checkbox">Increase number of followers</label></br>
                   <label>
                   <input name="prefer" value="subscribers" type="checkbox" class="input-checkbox">Increase number of subscribers</label></br><label>
                   <input name="prefer" value="tracks" type="checkbox" class="input-checkbox">Increase number of your own tracks</label></br><label>
                   <input name="prefer" value="free" type="checkbox" class="input-checkbox">Make the platform completely free</label></br>

      <p><label for="terms-and-conditions">
        <input class="inline" id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
      </label>
      <input type="submit" value="Submit" /></p>
    
    </fieldset>
    </form>
      
  </body>
</html>


/* 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/131.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

like it said it needs the value=“” attribute, and of course for value it means the content inside the value=""

3

Hi there.

You aren’t added your code. For we can assist please add your code above after the comment

4

Thanks:

Because here is my code :

For me I already put the “value” attribute but it seems I am wrong…

Registration Form

Soundcloud survey form

Thanks helping us to improve the website by filling up this survey.

First Name: Last Name: Email: Age (years): Which option best describes your current role?
5

Hi, yes sorry I just put the code. Thank you by the way

6

confirm you added the value attribute in your checkboxes inputs.

7

the form closing tag is in the fieldset

8

Yes, thank you well done but still not working…

9

yes I confirm that I added them

10

You are missing the last checkbox. It’s need a value attribute and value.

11

Yes it works !!! Thank you verry much Hasan, really appreciate that

1 Like