Survey Form - Build a Survey Form

Curriculum Help
1

Tell us what’s happening:

i have a problem with my radio button group , and i don’t what is it

Screenshot 2024-06-12 132457
Screenshot 2024-06-12 132457923×186 13.8 KB

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>freecodecamp Survey Form</title>
    <link rel="stylesheet" href="style.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">
                <fieldset>
                    <label id="name-label" for="name">Name <input type="text" id="name" name="name" placeholder="Enter Your Name"required></label>
                    <label id="email-label" for="email">Email <input type="email" id="email" name="email" placeholder="Enter Your Email"required></label>
                      <label id="number-label" for="age">Age <input type="number" id="number" name="number" min="18" max="55" required placeholder="Enter Your Age"></label>
            
                <label>Wich option best describes your current role
                    <select id="dropdown" class="inline">
                        <option>select current role</option>
                        <option>Student</option>
                        <option>Full time job</option>
                        <option>Full time learner</option>
                        <option>prefer not say</option>
                        <option>prefer not say</option>
                        <option>Other</option>
                    </select>
                </label>

                </fieldset>

               <fieldset>
                <legend>whould you recommend freecodecamp to a freind ?</legend>
                <label><input type="radio" value="radio" name="definitely">Definitely</label>
                <label><input type="radio" value="radio" name="maybe">Maybe</label>
                <label><input type="radio" value="radio" name="not-sure">Not sure</label>
                <select  class="inline">
                    <option >Select an Option</option>
                    <option>Challenges</option>
                    <option>Projects</option>
                    <option>Community</option>
                    <option>Open source </option>
                
                </select>
 
               </fieldset>
               <fieldset>
                <legend>what would you like to see improved?(check that apply)</legend>
                <label><input type="checkbox" value="checkbox">Front-end Projects</label>
                <label><input type="checkbox" value="checkbox">Back-end Projects</label>
                <label><input type="checkbox" value="checkbox">Data Visualization</label>
                <label><input type="checkbox" value="checkbox">Challenges</label>
                <label><input type="checkbox" value="checkbox">Open Source Community</label>
                <label><input type="checkbox" value="checkbox">Gitter help rooms</label>
                <label><input type="checkbox" value="checkbox">Videos</label>
                <label><input type="checkbox" value="checkbox">City Meetups</label>
                <label><input type="checkbox" value="checkbox">Wiki</label>
                <label><input type="checkbox" value="checkbox">Forum</label>
                <label><input type="checkbox" value="checkbox">Additional Courses</label>
          

               </fieldset>
               <fieldset>
                <legend>Any comment or suggestions ?</legend>
                <textarea></textarea>
                <label><input type="submit" id="submit" value="submit"></label>
         


               </fieldset>
             <form>


        

</body>
</html>

Your code so far

<!-- file: index.html -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0

Challenge Information:

Survey Form - Build a Survey Form

2

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

I see you have given them all different names, but the name is what creates a radio group, in a group give them the same name but different value