Tell us what’s happening:
I’m getting the failure message that I should have a select filed with an id of dropdown. I do have this and the dropdown works in the previewer. I just can’t get the lab to pass. I have tried it in light and dark mode and also in chrome and firefox.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Survey Form</title>
</head>
<body>
<h1 id="title">Helpdesk Survey Form</h1>
<p id="description">Tell us how we did!</p>
<form id="survey-form">
<fieldset>
<label for="name-label" id="name-label">Name (required):</label>
<input type="text" id="name" name="name" placeholder="Ex. John Doe" required size="20"> </br>
<label for="email-label" id="email-label">Email address (required)</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
size="20"
/></br>
<label for="rating" id="number-label">What is your Employee ID?</label>
<input id="number" type="number" min="0" max="9999" placeholder="0000">
</fieldset>
<fieldset id="dropdown" name="resolution">
<label>Did we resolve your issue?
<select id="dropdown">
<option value="yes-option">Yes</option>
<option value="no-option">No</option>
</select>
</label>
</fieldset>
<fieldset id="radio" name="ticket-type">
<legend>Did you report an incident or make a request?</legend>
<input id="incident" type="radio" name="resolution" value="incident"/>
<label for="incident">Reported an incident</label>
<input id="request" type="radio" name="resolution" value="request"/>
<label for="request">made a request</label>
</fieldset>
</fieldset>
<fieldset id="checkbox" name="technician">
<legend>
Who helped you today? (select all that apply)
</legend>
<input type="checkbox" id="99" name="99" value="99" />
<label for="agent-99">Agent 99</label>
<input
type="checkbox"
id="agent-22"
name="agent-22"
value="agent-22"
/>
<label for="agent-22">Agent 22</label>
<input type="checkbox" id="agent-42" name="agent-42" value="agent-42" />
<label for="agent-42">Agent 42</label>
<input
type="checkbox"
id="agent-549"
name="agent-549"
value="agent-549"
/>
<label for="agent-549">Agent 549</label>
<input type="checkbox" id="other" name="other" value="other" />
<label for="other">other</label>
</fieldset>
<fieldset id="textarea" name="comments">
<legend>What could we have done better?</legend>
<textarea id="comments" rows="10" cols="50">
</textarea>
</fieldset>
<button class="submit" type="submit" id="submit">Submit</button>
</form>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36
Challenge Information:
Build a Survey Form - Build a Survey Form