Survey Form - Build a Survey Form

Can I have some help with my submit button. I think the program is wrong because i think i have done it all

Your code so far

<!-- file: index.html -->
<!DOCTYPE html!>
<html lang="en">
    <meta charset="UTF-8">
      <h1 title id="title">Moa's Survey Form</title>
      <link rel="stylesheet" href="styles.css">
        <p id="description">Thank you for taking the time to help us improve the platform</p>
        <form method="post" id="survey-form"><Submit id="submit">
                              <label id="name-label">Name <input id="name" name="text" required placeholder="Please put your name here"></label>
                            <label id="email-label">Email <input type="email" id="email" email="email" required placeholder="Please put your email here"></label>
         <label id="number-label">Number <input type="number"  id="number" min='13' max='98' number="number" placeholder="Mobile"></label>
<label for="dropdown">What meat do you normally eat 
                    <select id="dropdown">
                      <option value="(select one)">(select one)</option>
  <option value="meat">meat</option>
  <option value="chicken">chicken</option>
  <option value="other">other</option>
             <label for="radio"><input type="radio" name="action" value="radio" class="inline"> Yes
          <label for="radio"><input type="radio" name="action" value="radio" class="inline"> No
      <label for="checkbox">What food do you like?</label><br>
      <input type="checkbox" id="pasta" name="pasta" value="pasta">Pasta
      <input type="checkbox" id="pizza" name="pizza" value="pizza">Pizza
      <input type="checkbox" id="tacos" name="tacos" value="tacos">Tacos
      <input type="checkbox" id="soup" name="soup" value="soup">Soup
       <input type="checkbox" id="burger" name="burger" value="burger">Burger
           <label>Please tell us your favourite fruit
             <textarea id="text" name="text" rows="3" cols="30" placeholder="My favourite fruit is..."></textarea>
           <input id="submit" type="submit" value="submit" name="submit">
/* file: styles.css */
fieldset {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
  border-color: #DAFFE3;
  body {
 background-color: #F6FFF8 ;
.submit {
padding-left: auto;
padding-right: auto;
input[type="submit"] {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: white;
  border: 3px solid #DAFFE3;
  min-width: 30px;

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

you have multiple submit buttons defined.
You need one.

Place your code in this html validator and review the errors.
It will point out a bunch of mistakes including the multiple submits.

use the button element instead of the input element your code should be something like:

<button id="submit">Submit</button>

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