Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
It’s telling me I should have a label element with an id of name-label and a label element with and ‘id’ of ‘email-label’. I cant figure out what is wrong as the label element with an id of number-label is working fine. They appear to be the same.
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<title>Bakery Survey Form</title>
<h1 id="title">Bakery Survey Form</h1>
<p id="description">Get on our email list!</p>
<form id="survey-form">

<lable id="name-label" ><input required placeholder="John Smith" id="name" type="text">Please enter your name </label>

<lable id="email-label"><input placeholder="" id="email" type="email" required>Please enter your email </label>

<label id="number-label"><input placeholder="43" type="number" min="18" max="100" id="number">Please enter your age</label>

<label>how did you hear about us?
  <select id="dropdown">
    <option value="">select one
    <option value="1">word of mouth
      <option value="2">yelp
  <p>Are you allergic to gluten?</p>
  <input value="1" name="allergies" type="radio">Yes
  <input value="2" name="allergies" type="radio">No
<p>What are your favorite pastries?</p>
 <input value="1" type="checkbox" class="inline"> croissants
  <input value="2" type="checkbox" class="inline">bread
  <input value="3" type="checkbox" class="inline">cakes and mousses
<p>Tell us a little about yourself so that we may better serve you.</p>
<textarea rows="3" cols="30" placeholder="Tell us a little about yourself.">
 <input id="submit" type="submit" value="Submit" />
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:107.0) Gecko/20100101 Firefox/107.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

bad spelling of label (you used lable)

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