Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
what does this means?
Your #submit should be a descendant of #survey-form
You should have at least one textarea element that is a descendant of #survey-form

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Survey form</title>
    <link rel="stylesheets" href="styles.css">
    </head>
    <body>
      <h1 id="title">Survey Form</h1>
      <p id="description">
        Do fill this form, it will help  us to make this community more stronger!!
      </p>
      <fieldset>
      <form id="survey-form">
       
          <label for="name" id="name-label" >Enter your name: 
            <input type="text" id=name placeholder="enter your name" name="full name" required>

          </label>
          <label for="email" id="email-label"> Enter your email:<input type="email" id="email" placeholder="input your email" name="email id" required>        
            </label>
            <label for="number" id="number-label"> Enter your number:<input type="number" id="number" min="8" max="10" placeholder="enter number">
            </label>
            <label for="dropdown"> How was your experiance:
            <select id="dropdown">
              <option>select</option>
              <option>Great</option>
              <option>Average</option>
              <option>Bad</option>
            </select>
            </label>
            <label for="radio">Will you use our service again?
              <input type=radio name="radio" value="radio">Yess definetly :)
              <input type=radio name="radio" value="radio">No not sure :(
                </label>
                <label>Thnigs that needs upgradation in our service:
                  <input type="checkbox" value="checked">Videos
                  <input type="checkbox" value="checked">Website interface
                  <input type="checkbox" value="checked">Audios
                  </label>
                  </fieldset>
                  <fieldset>
                  <label>Your comments:
                    <input type="textarea" rows="3" cols="30" placeholder="enter your comments!!" id="textarea" name="text">
                    </label>
                    <fieldset>
       
        <button type="submit" value="Submit" id="submit">
      </form>
    </body>
</html>

/* file: styles.css */
fieldset{
 height:200px
}

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Textareas don’t use the input element. They are their own element.

MDN: textarea

A button element requires both an opening and closing tag. The text for the button goes between those tags.

3

oh right…what a silly mistake it was…thanks a lot

4

I did the corrections but its still showing
Your #submit should be a descendant of #survey-form

5

Can you put the closing tag for your last fieldset.

6

yes i have in the corrected version

Survey form

Survey Form

Do fill this form, it will help us to make this community more stronger!! 

      <label for="name" id="name-label" >Enter your name: 
        <input type="text" id=name placeholder="enter your name" name="full name" required>
      </label>

      <label for="email" id="email-label"> Enter your email:<input type="email" id="email" placeholder="input your email" name="email id" required>        
        </label>

        <label for="number" id="number-label"> Enter your number:<input type="number" id="number" min="8" max="10" placeholder="enter number">
        </label>

        <label for="dropdown"> How was your experiance:
        <select id="dropdown">
          <option>select</option>
          <option>Great</option>
          <option>Average</option>
          <option>Bad</option>
        </select>
        </label>

        <label for="radio">Will you use our service again?
          <input type=radio name="radio" value="radio">Yess definetly :)
          <input type=radio name="radio" value="radio">No not sure :(
            </label>

            <label>Thnigs that needs upgradation in our service:
              <input type="checkbox" value="checked">Videos
              <input type="checkbox" value="checked">Website interface
              <input type="checkbox" value="checked">Audios
              </label><br>

              <label>Your comments:
                <textarea name="comment" id="comment" cols="5" rows="10" placeholder="enter your comments!!"></textarea></label>

        </fieldset>

            <button type="submit" id="submit">Submit</button>
  </form>
</body>
7

please sort out your fieldset tags at the top it is outside the form, at the bottom its inside the form.

8

oh my my…right …finally cleared all the test cases…thanks a lot

1 Like
9

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