Survey Form - Build a Survey Form

Tell us what’s happening:
Nothing happens when I click “Run the tests”

Your code so far

<!-- file: index.html -->
<link rel="stylesheet" href="styles.css"></head>
<h1 for="title">Survey Form</h1 id="title">
  <p for="description" class="description">Fill out the survey</p id="descriptio">
  <form for="survey-form">
    <label for="name">name</label>
    <input type="text" for="name" required placeholder="first and last name" class="name"></input id="name">
    <label for="email">email</label id="email">
    <input type="text" for="email" required placeholder="email address"></input id="email">
      <label for="number">number</label id="number">
      <input for="number" type="number" min="18" max="120" placeholder="age"></input id="number">
      <label for="student">student</label id="student">
      <select for="student">
        <option value="yes">yes</option>
        <option value="no">no</option>
      </select id="student">
    <p class="favorite">Favorite Food</p>
      <label for="food">Pizza</label id="food">
      <input type="radio" for="food" name="favorite food" value="Pizza"></input id="food">
      <label for="food">French Fries</label id="food">
      <input type="radio" for="food" name="favorite food" value="french fries"></input id="food">
    <p class="favorite">Favorite Exercise</p>
      <label for="exercise">Running</label id="exercise">
      <input type="checkbox" for="exercise"></input id="exercise">
      <label for="exercise">Swimming</label id="exercise">
      <input for="exercise" type="checkbox"></input id="exercise">
      <label for="exercise">Boxing</label id="exercise">
      <input for="exercise" type="checkbox"></input id="exercise">
    <p class="comments">Additional Comments</p>
      <textarea form="survey form">Comment here</textarea>
      <input type="submit" class="submit"></input>
  </form id="survey-form">

/* file: styles.css */
h1 {background-color: #f7f6f5;
text-align: center;
color: teal;}
.name {margin-top: 10px; }
.description{font-weight: bold; text-align: center;}
.favorite {font-weight: bold; text-align: center; }
.comments {font-weight: bold; text-align: center}
.submit {margin-top: 10px; margin-bottom: 20px; margin-left: 150px; margin-right: 150px;}
form {background-color: orange;

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

you can’t add attributes to closing tags
you must fix your code

also you’re supposed to put all the html elements nested within the html element

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