Survey Form - Build a Survey Form

HTML-CSS
1

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

Your code so far

<!-- file: index.html -->
<!DOCTYPE><html></html>
<head>
<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">
    <p>
    <label for="email">email</label id="email">
    <input type="text" for="email" required placeholder="email address"></input id="email">
    </p>
    <p>
      <label for="number">number</label id="number">
      <input for="number" type="number" min="18" max="120" placeholder="age"></input id="number">
    </p>
    <p>
      <label for="student">student</label id="student">
      <select for="student">
        <option value="yes">yes</option>
        <option value="no">no</option>
      </select id="student">
    </p>
    <p class="favorite">Favorite Food</p>
    <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>
    <p class="favorite">Favorite Exercise</p>
    <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>
    <p class="comments">Additional Comments</p>
    <p>
      <textarea form="survey form">Comment here</textarea>
    </p>
    <p>
      <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/104.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

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

3

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

4

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