Survey Form - Build a Survey Form

It keeps telling me I need Placeholders, which I have, and my labels should have an ID of “name-label” and “email-label”

I have all of these things, I dont understand the issue.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hotel California Survey</title>
<link rel="stylesheet" href="styles.css" />  
</head>
<body>
<h1 id="title">Hotel California Survey</h1>
<p id="description">Please fill out this survey about your stay at Hotel California.</p>
<form id="survey-form">
<fieldset> 
  <label for="name-label">Enter your name: <input id="name-label" type="text" name="name-label" placeholder="First Name Last Name" required></label>
  <label for="email-label">Enter your email: <input id="email-label" type="email" name="email-label" placeholder="guest@hotelcalifornia.com" required></label>
  <label for="number-label">Enter your room number: <input id="number-label" type="number" name="number-label" min="100" max="399" placeholder="100-399" required></label>
  <label for="date-of-check-in">Date of Check-in <input id="date-of-check-in" type="date" required></label>
  <label for="dropdown">How did you hear about us?
    <select id="dropdown" name="dropdown">
      <option value="">(select one)</option>
      <option value="1">Online booking website</option>
      <option value="2">TV commercial</option>
      <option value="3">Friend or family member</option>
      <option value="4">Other</option>
    </select>
  </label>
</fieldset>
<fieldset> 
  <label for="Personal-Trip">Personal Trip <input Id="Personal-Trip" Type="radio" name="Trip-type" value="value"></label>
  <label for="Business-Trip">Business Trip <input Id="Business-Trip" Type="radio" name="Trip-type" value="value"></label>
</fieldset>
<fieldset>
  <p>Overall how would you rate your stay:</p>
  <label for"Very-Satisfied">Very Satisfied <input id="very-satisfied" Type="checkbox" value="1"></label>
  <label for"Satisfied">Satisfied <input id="satisfied" Type="checkbox" value="2"> </label>
  <label for"Neutral">Neutral <input id="Neutral" Type="checkbox" value="3"> </label>
  <label for"Slightly-unsatisfied">Slightly unsatisfied <input id="Slightly-unsatisfied" Type="checkbox" value="4"> </label>
  <label for"Very-unsatisfied">Very Unsatisfied <input id="Very-unsatisfied" Type="checkbox" value="5"> </label>
</fieldset>
<fieldset>
  <label for="Additional Comments">Additional Comments:
  <textarea id ="additional comments" rows="3" cols="30"> </textarea>
</fieldset>
<input id="submit" type="submit" value="Submit" />
</form>
</body>
</html>

/* file: styles.css */
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: lavenderblush;
color: black;
font-family: Tahoma; 
}

label {
display: block;
margin: 0.5rem 0;
}
fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px solid #3b3b4f;
}
input[type="submit"] {
display: block;
width: 60%;
margin: 0 auto;
height: 2em;
font-size: 1.1rem;

}
fieldset {
border: none;
padding: 1rem 0;
border-bottom: 3px solid #3b3b4f;
}

fieldset:last-of-type {
border-bottom: none;
}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

These are the errors I am getting, but I have all of that, right?

hey @raerae777

i think you are getting the ids mixed up, so the input id should be name and the label for the name input should be name-label like this

<label id="name-label" for="name">Enter your name: <input id="name" type="text" placeholder="First Name Last Name" required></label>

I figured that out right after I submitted the question. :smiley:

1 Like