Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Your #name should be a descendant of #survey-form.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>STUDENT SURVEY FORM</title>
  </head>
  <body>
    <h1 id="title">STUDENT SURVEY FORM</h1>
    <p id="description">fill this form to know you</p>
    <form id="survey-form" name="survey-form"></form>
    <section>
    <label for="name">Name: <input id="name" type="text" required></label>
    </section>
  </body>
</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/126.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

Is this user story 13? The name attribute has to be on an element inside the form element. You have your name attribute on the form element. The user story also requires you to put the name attribute on at least 2 radio buttons.

3

Hello and welcome!

It appears the input with the id attribute name is outside of the form element.

To be within the form element, it requires the opening form element to be before the input with the id name.

The closing element tag should be after the closing label tag.

It is important to know that all information like the name should be nested between the opening and closing form element tags, as the information is to be submitted.

Example:

<form> 
<label for="jack-in-the-box"><input id="jack-in-the-box">Jack-in-the-Box</label>
**any other label and input content to submit**
</form>

You are making good progress.

4

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