Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I don’t know how to do step 38.its too hard for me.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <main>
    
  <h1 id="title">Welcome to our servey</h1>
  <p id="description">We thank you greatly for your cooperation</p>
  <form id="survey-form">
    <label id="name-label">enter your name
      <input id="name" type="text" required placeholder="adam,uzair,etc..."> </label>
<label id="email-label">enter your email <input id="email" type="email" required placeholder="someone@gmail.com"></label>
    <label id="number-label">enter your phone number  <input id="number" min="10" max="20"type="number"
      placeholder="number">
      <label>whats your current role</label>
      <select id="dropdown">
<option>your current role
<option>student
<option>worker
<option>other
        </select>
      <label>would you recommend this survey to anyone?</label>
      <group>
        <input type="radio" class="option"
value="recommend" checked
name="yes">yes
        <input type="radio" class="option" value="recommend"
name="no">no
        <input type="radio" class="option"
value="recommend"
name="maybe">maybe
</group>
    </form>
    <link rel="stylesheet" href="styles.css">
  </main>
  </html>

/* file: styles.css */
label,input{display:block;background-color:#72f}
input[class="option"]{display:inline;}
#survey-form{background-color:#12f;font-color:#12f}
body,html{background-color:#12f;font-color:;}

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

what step 38 are you talking about?

3

the step 38 on survey form certification project
Screenshot 2024-10-18 2.48.32 PM

1 Like
4

you need to do two things, paste your code into an html validator: The W3C Markup Validation Service and solve the errors

second thing, remember that a group of radio buttons or checkboxes is made by those that have the same name attribute

1 Like
5

There is no such thing as a group tag in HTML. Use a <fieldset> tag instead. Also, as @ILM says, a group of radio inputs are defined as a group if they have the same values of their name attribute. This also makes sure that the radio inputs in that group can only be selected one at a time. You can’t select “Yes” and “No” at the same time, right? This takes care of this problem.

Good job on passing so many tests so far. You just need to pay a bit more attention to your HTML. I don’t see a body tag. Also, it could be formatted better. There a quite a few issues that could be easily fixed and make finding mistakes in your code much easier.

Happy coding!

6

thank you so much for the help.thanks to your solution I just completed the certification project!!!

1 Like
7

Great work! Problem-solving is an essential skill in programming and this is a good start. If you like, you could share your Survey Form in a new topic in our Code Feedback sub-forum to get some feedback on your design.

Happy coding!