I am stuck guys, pls I need some help

HTML-CSS
1

I am having issues on how to add a label element with an id of name-label .

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html></html>
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description">Below is a survey form that would enable users input their details.</p>
<form id="survey-form"> 
<label>Enter Your Name: <input type="text" id="name" required placeholder="Enter Your Name" /></label>
<label>Enter Your Email: <input id="email" type="email" pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" required placeholder="Enter Your Email" /></label> 
<label>Enter Your Number: <input id="number" type="number" min = 4  max = 15 required placeholder="Enter Your Number"/></label>
   <label> <input id="name-label" id="name" required/>Input Name </label>
   <label><input id="email-label"  id="Email" required />Input Email</label>
   <label> <input id="number-label" id="number" required />Input Number</label>


/* file: styles.css */

Challenge: Build a Survey Form

Link to the challenge:

2

@victorkosi2 I can see so many error on your code…

3

All of your label elements have multiple id’s assigned to them., which I believe can be done. I think you would have to have it as:

id="name-label name" or maybe try making one a class
4

In the code, it looks like the “name-label” id is in the input, not the label.

5

i have tried all the options and corrections you guys gave, but it’s still not working

6

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