Survey Form - Build a Survey Form

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

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css">
   <meta charset="UTF-8">
   <title id="title">Survey Form</title>
    <link rel="stylesheet" href="styles.css">
  </head>
<body>
     <h1 id="title">Survey Form</input>
      <p id="description">Please fill out this forum</p>
       <form input id="survey-form">
     <div>
        <label for="name-label" id="name-label">Name
          <input type="text" id="name" class="labels" placeholder="Enter your name" required>
        </label>
     </div>
    <div>
       <label for="email-label" id="email-label">Email<input type="email" id="email" class="labels" placeholder="Enter your email" required></label>
     </div>
      <div>
        <label for="number-label" id="number-label">Age<input type="number" id="number" class="age" placeholder="Your age" min="13" max="110"></label>
      </div>
      <h2>What Duck Breed Do You Like?</h2>
        <select name="dropdown" id="dropdown">
  <option value="Please choose one">Please choose one</option> 
  <option value="Silver Appleyards">Silver Appleyards</option>
  <option value="Mallards">Mallards</option>
  <option value="none">None</option>
 </select>
     <div>
     <label for="name"> Choose One <input type="radio" name="name" value="name" checked></label>
     </div>
     <div>
     <label for="name"> Ducks <input type="radio" name="name" value="name">
    </div>
    <div>
     <label for="name"> Chickens <input type="radio" name="name" value="name"></label>
     </div>
     <div>
     <label for="name"> None <input type="radio" name="name" value="name"></label>
    </div>
    <div>
      <input type="checkbox" name="bird" value="silver-appleyards"> Holdable </input>
      <input type="checkbox" name="bird" value="chickens"> Petable </input>
      <input type="checkbox" name="bird" value="neither"> Neither </input>
      </div>
      <textarea></textarea>
      <div>
      <input type="submit" id="submit" value="to-submit-press-here"></input>
      </div>
</body>
/* file: styles.css */
title, h1, body {
  text-align: center;
  font-family: "Courier New";
  margin: auto;
  margin-top: 0.5em;
  margin-bottom: auto;
  width: 100%;
  height: 1%;
  border: 4px solid;
  background-color: #ffd4cc;
  padding-top: 10px 0;
}

h2 {
  text-align: center;
  font-family: "Courier New";
  font-size: 1.1rem;
}

p, form, label select {
  display: block;
  font-family: Courier New;
  color: #4f4f4f;
}

input[type="submit"] {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  background-color: ;
  border-color: white;
  min-width: 300px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Please help! Been stuck for like a day now and I’ve searched and searched but still stuck…

This doesn’t look right:

<h1 id="title">Survey Form</input>

You might want to run your HTML through a validatorr to find errors in your HTML.

Ok, thank you. ill try a validator.

1 Like

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