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="johnsmith@gmail.com" 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>
<option value="1">word of mouth
</option>
<option value="2">yelp
</option>
</select>
<p>Are you allergic to gluten?</p>
<label>
<input value="1" name="allergies" type="radio">Yes
</label>
<label>
<input value="2" name="allergies" type="radio">No
</label>
<p>What are your favorite pastries?</p>
<label>
<input value="1" type="checkbox" class="inline"> croissants
</label>
<label>
<input value="2" type="checkbox" class="inline">bread
<label>
<input value="3" type="checkbox" class="inline">cakes and mousses
</label>
<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.">
</textarea>
<input id="submit" type="submit" value="Submit" />
</form>
/* 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: