Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I have re-written my code three times; it still doesn’t pass. Am I not writing it correctly?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" >
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
 <body>
   <h1 id="title">SURVEY FORM</h1>
   <p id="description">Please fill in our survey for better service.
     <form method="post" action="https.//survery-form.freecodecamp.org"/>
  <fieldset><label for="name" id="name">Please fill in your name:<input name="name" id="name" type="text" id="name-label" required/> </label>
  <label for="surname" id="surname">Please fill in your surname:<input name="surname" id="surname" id="surname-label" type="text" required/></label>
<label for="email" id="email">Enter your email address:<input name="email" id="email" type="email" id="email-label" required/></label>
<label for="number" id="number" type="number">Enter your number<input id="number" name="number" type="number" id="number-label" min="10" max="13" required/></label></fieldset>
 </body>

/* 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/127.0.0.0 Safari/537.36 Edg/127.0.0.0

Challenge Information:

Survey Form - Build a Survey Form

2

You are missing ids and adding some of the ids to the wrong elements. Remember one id per element. Ids should be unique.

For example:

You should have a form element with an id of survey-form .

You do not have this id on the form element

You should have an input element with an id of name .

This id is on the wrong element. It should only be on the input not the label