Survey Form - Build a Survey Form

HTML-CSS
1

I cant solve this part…Every radio button group should have at least 2 radio buttons…

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
    <title>

    </title>
  </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>
    <>
    <fieldset class="container">
      <form id ="survey-form" method="post" action='https://register-demo.freecodecamp.org' >
    <label for="name">Name<input id="name" type="text" required placeholder="Enter your name"></label>
    <label for="email">Email<input id="email" type="email" required placeholder="Enter your email"></label>
    <label for="number">Age(optional)<input id="number" type="number" pattern="[0-9]{8}" required min="10" max="120"placeholder="Enter your age"></label>
    
    <label id="name-label">name</label>
    <label id="email-label">Email</label>
    <label id="number-label">Age(optional)</label>
    <label for="referrer">Which option best describes your current role?
          <select id="dropdown" name="referrer">
            <option value="disabled selected">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="5">Other</option>
          </select>
        </label>
<p>Would you recommend freeCodeCamp to a friend?</p>


   <div class="button group"> <button type="button" class="my-button"><select> <label for="Definitely"> <input id="Definitely" type="radio" name="Definitely" value="Definitely-Maybe-Not Sure" checked required>Definitely</label>
        <label for="Maybe"><input id="Maybe" type="radio" name="Definitely-Maybe-Not Sure" value="Maybe" required>Maybe</label>
        <label for="Not Sure"><input id="Not Sure" type="radio" name="Not Sure" value="Definitely-Maybe-Not Sure" required>Not Sure</label></select></button> </div>


      <button type="button" class="my second button">Click Me!</button>
          <label for="feature">What is your favorite feature of freeCodeCamp?
          <select id="feature" name="feature">
            <option value="">select current role</option>
            <option value="1">Challenges</option>
            <option value="2">Projects</option>
            <option value="3">Community</option>
            <option value="4">Open Source</option>
          </select>
        </label>
          <input id="Front-end Projects" type="checkbox" name="personality" value="Front-end Projects" checked> <label for="Front-end Projects">Front-end Projects</label>
            <input id="Back-end Projects" type="checkbox" name="personality" value="Back-end Projects"> <label for="Back-end Projects">Back-end Projects</label>
            <input id="Data Visualization" type="checkbox" name="personality" value="Data Visualization"> <label for="Data Visualization">Data Visualization</label>
            <input id="Challenges" type="checkbox" name="personality" value="Challenges" checked> <label for="Challenges">Challenges</label>
            <input id="Open Source Community" type="checkbox" name="personality" value="Open Source Community"> <label for="Open Source Community">Open Source Community</label>
            <input id="Gitter help rooms" type="checkbox" name="personality" value="Gitter help rooms"> <label for="Gitter help rooms">Gitter help rooms</label>
            <input id="Videos" type="checkbox" name="personality" value="Videos" checked> <label for="Videos">Videos</label>
            <input id="City Meetups" type="checkbox" name="personality" value="City Meetups"> <label for="City Meetups">City Meetups</label>
            <input id="Wiki" type="checkbox" name="personality" value="Wiki"> <label for="Wiki">Wiki</label>
            <input id="Forum" type="checkbox" name="personality" value="Forum" checked> <label for="Forum">Forum</label>
            <input id="Additional Courses
" type="checkbox" name="personality" value="Additional Courses
"> <label for="Additional Courses
">Additional Courses
</label>

<label for="suggestions">Any comments or suggestions?
          <textarea id="suggestions" name="suggestions" rows="4" cols="30" placeholder="Enter your comment here"></textarea>
        </label>
        
        <label><input id="submit" type="submit" value="submit" /></label>
        </form>
        </fieldset>
  </body>
  </html>

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36 Edg/112.0.1722.68

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

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

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