How to correctly add label with id of name-label.. etc

HTML-CSS
1

Tell us what’s happening:
I’m still not able to : have 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 name" required/>Input Name </label>
   <label><input id="email-label email" required />Input Email</label>
   <label> <input id="number-label number" required />Input Number</label>


/* file: styles.css */


  **Your browser information:**

Challenge: Build a Survey Form

Link to the challenge:

2

I don’t see any ids on your labels. I see an id of “name-label name” on an input, which is not a valid id since it has a space in it. I think you probably want to put the id of “name-label” on the label instead.

3

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