Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
(sorry for my bad English in advanced)
So I try to solve the Survey Form project and faced a few issue. My current code missing following requirements:

  • You should have at least one textarea element that is a descendant of #survey-form

I can’t see any issue? The textarea is included in the form. When I try to run the test again the problem is solved but I get another issue like. Everytime I run the test, even after nothing in the code changed, I get other points that I miss.

After trying to “solve” these problems other issues occurred. I have the feeling that the problem is that my code is a little bit messy? it feels like it is.

Your code so far

<!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">Survey Form</h1>
    <p id="description">Short Survey for data</p>
    <form id="survey-form">

<fieldset>
<label for="name" id="name-label">Enter Your Name: 
  <input id="name" type="text" required placeholder="Vor Name"/>
  </label>

  <label for="email" id="email-label">Enter Your E-Mail: 
    <input id="email" type="email" pattern=".+@globex\.com" required placeholder="email@mail.com"/>
    </label>
</fieldset>

<fieldset>
    <label for="number" id="number-label">Number 
      <input id="number" type="number" min="1" max="10" required placeholder="4"/>
    </label>

    <label for="dropdown">This is a dropdown
      <select id="dropdown" name="dropdown">
        <option value="">(select one)</option>
            <option value="1">freeCodeCamp News</option>
            <option value="2">freeCodeCamp YouTube Channel</option>
            <option value="3">freeCodeCamp Forum</option>
            <option value="4">Other</option>
</label>

   <label for="radio-button">
     <input id="radio-button" type="radio" name="button" value="html" /> Option 1
     </label> 

      <label for="radio-button">
     <input id="radio-button" type="radio" name="button" value="html"/> Option 2
     </label>        
    
<input id="checkbox1" type="checkbox" value="html">
<label for="checkbox1">I have a bike
</label>

<input id="checkbox2" type="checkbox" value="html"/><label for="checkbox2">I have a car
</label>

<label for="textarea" id="textarea">Say Something about you</label>
<input id="textarea" type="textarea"/>
  </fieldset>

  <fieldset>
    <button id="submit">Submit</button>
    </fieldset>

    </form>
  </body>
  </html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

This isn’t quite how you create a textarea. The textarea element is its own element, it doesn’t use the input element.

Learn HTML Forms by Building a Registration Form: Step 37

2 Likes
3

I totally forgot , I was in a zone. thanks for your input!! that helped me !

1 Like
4

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