Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hi

I don’t really understand the survey form test(these 3)

Your #name-label should be a descendant of #survey-form
Your #number should have a min attribute with a numeric value.
Your #number should have a max attribute with a numeric value.

Thanks
Iskren

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
<h1 id="title">Movie Survey </h1>
<p id="description">A movie survey collects feedback from consumers on their media viewing habits and favorite films and TV shows genres</p>
<form id="survey-form"></form>
    <input id="name" type="text"  
    placeholder="Please enter your name"
    type="radio" required></input>
    <input id="email" type="email"  
    placeholder="Please enter your email"
    type="radio" required></input>
    <input id="number" type="number"  
    min:"0" max:"9" placeholder="Please
 enter your number" type="radio"></input>
    <label id="name-label">What is your 
    name? </label>
    <label id="email-label">What is your 
    email?</label>
    <label id="number-label">What is your 
    number?</label>
    <select id="dropdown"></select>
    <option>option1</option>
    <option>option2</option>



/* 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/17.4.1 Safari/605.1.15

Challenge Information:

Survey Form - Build a Survey Form

2

Hi there!

Your all form children element should be between the form opening and closing tags, You have all the element after the form element.

3

Input elements didn’t need a closing tag. And labels are associated with it’s input element. So place it with input element or wrap it around the appropriate input element.

4

You are writing html code, so semicolon didn’t works between the attribute and values for min and max

1 Like
5

And the label text. You doesn’t creating labels for question answer, your labels are for input entries. So you need something like Enter your name or Your name here and so on

2 Likes