Survey Form - Build a Survey Form

Tell us what’s happening:

Hello there, I’m stuck with the last requirement, I can’t seem to make the ‘textarea’ element a descendant of the #survey-form. Any help will be grately appreciated.

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

Hey there,

Please update the message to include your code. The code was too long to be automatically inserted by the help button.

When you enter a code, 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.

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

<!doctype html!>
<html lang="en">

 <head>
    <meta charset="UTF-8">
    <title>Survey Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="container">
    <h1 id="title">Survey Form</h1>
    <p id="description">This survey will help us improve the quality of our plateform, we are grateful for your cooperation.</p>
    <form method="post">
      <fieldset>
        <div class="formdata">
          <label for="name">Enter your name: <input class="inline" id="name" type="text" required /></label>
        </div>
        <div class="formdata">
         <label for="email">Enter your Email: <input type="email" id="email" class="inline" class="inline" required /></label> 
        </div>
        <div class="formdata">
          <label for="number">Age :<input type="number" id="number" min="13" max="119" class="inline" /></label>
        </div>
        <div class="formdata">
          <label>How would you describe yourself :</label>
        <div class="formdata">
          <select id="dropdown" name="occupation" class="inline" required>
            <option disabled selected value>Select a choice</option>
            <option value="1">Student</option>
            <option value="2">Full time job</option>
            <option value="3">Looking for work</option>
            <option value="4">I keep my buisness to myself</option>
          </select>
        </div>
      </fieldset>
      <fieldset> 
        <legend>Chances you would recommend our website</legend>
        <label for="100%"><input type="radio" name="recommendation" id="100%">100%</label>
        <label for="75%"><input type="radio" name="recommendation" id="75%">75%</label>
        <label for="50%"><input type="radio" name="recommendation" id="50%">50%</label>
        <label for="25%"><input type="radio" name="recommendation" id="25%">25%</label><label for="5%"><input type="radio" name="recommendation" id="5%">5%</label>
        <label for="0.001%"><input type="radio" name="recommendation" id="0.001%">0.001%</label>
    </fieldset>
    <fieldset>
      <div id="comments">
        <label for="improvement">Do you have any remarks or recommendations? </label>
        <label name="yes"><input type="checkbox" id="yes">Yes</label>
        <label name="no"><input type="checkbox" id="no">No</label>
        <label class="textarea"><input name="comment" type="textarea" placeholder="If yes, we are happy to hear..."></label>
      </div>
    </fieldset>
    <div type="button">
      <input type="submit" value="Submit " />
    </div>
    </body>
</html>[quote="ilenia, post:2, topic:691334, full:true"]

where is your element with id survey-form?

1 Like

also, it would be good for your code if you used an html validator and solved all the issues Ready to check - Nu Html Checker

1 Like

textarea is a HTML element, not an attribute or value.

I’ve run the code checker and got to see the errors in my code, the website you shared is a life saver, thank you!

Yuh I see now, thanks. I’ve changed it and it worked out!<textarea name="comment" id="textarea" placeholder="If yes, we are happy to hear..."></textarea>