Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.

I keep clicking run tests but nothing happens. Can someone help me? Also, I should note I haven’t edited the CSS at all yet.
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
  <html lang="en">
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <h1 id="title"> Hibbity hoo blah </h1>
      <p id="description">Let us know a little bit about yourself.</p>
      <form id="survey-form">
        <label id="name-label"> Name</label>
        <input required id="name" type="text" placeholder="e.g. John Lennon"/>
        <label id="email-label">Email</label>
        <input required id="email" type="email" placeholder="jlemmon32@gmail.com"/>
        <label id="number-label">Age </label>
        <input required min="12" max="120"id="number" type="number" placeholder="e.g. 32">
        <p id="role"> What would you like your role to be?</p>
        <select id="dropdown">
          <option enabled value="">Select One</option>
          <option value="1">Sherrif</option>
          <option value="2">Outlaw</option>
          <option value="3">Townsperson</soption>
          <option value="4">Barwench</option>
          <option value="5">Other</option>
        </select>
        <label id="exp"> Is this your first time roleplaying?</label>
        <input type="radio" name="y/n" id="yes" value="yes"><label for="yes"> Yes</label>
        <input type="radio" name="y/n" id="no"><label for="no"> No</label>
        <p id="exp-title"> If selected "Yes,"please tell us about your past experience(s):</p>
        <input type="textarea" placeholder="Type here..." id="exp" name="exp">
        <p id="gear"> Do you have the following:</p>
          <input name="gear" type="checkbox" id="toy-gun" value="toy-gun"><label id="toy-gun-label"> Toy Gun</label>
          <input name="gear" type="checkbox" id="holster"><label id="holster-label" value-"holster"> Gun Holster</label>
          <input name="gear" type="checkbox" id="cowboy-boots" value="cowboy-boots"><label id="cowboy-boots-label"> Cowboy Boots</label>
          <input name="gear" type="checkbox" id="none" value="none"><label id="none-label"> None</label>
          <input name="terms" id="terms" required type="checkbox"><label id="terms-label"> I have read the terms and I accept the conditions.</label>
        <p id="comments-text"> If you have any disability, allergies, or accessbility issues we should know about, please let us know here!</p>
        <input type="textarea" id="comments" name="comments" placeholder="...">
      </fieldset>
      <input type="submit" value="Submit">
    </form>    
  </html>  
/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Welcome to our community!

You have duplicated ids. That is not allowed in html. There is no ‘head’, ‘title’, ‘body’ etc elements. Check and correct all errors in html code before testing the project:

1 Like

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