Survey Form - Build a Survey Form

HTML-CSS
1

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">
  <head>
    <meta charset="UTF-8">
      <h1 title id="title">Moa's Survey Form</title>
      <link rel="stylesheet" href="styles.css">
        </h1>
        </head>
        <body>
        <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">
          <fieldset>
                              <label id="name-label">Name <input id="name" name="text" required placeholder="Please put your name here"></label>
                    <br>
                    <br>
                            <label id="email-label">Email <input type="email" id="email" email="email" required placeholder="Please put your email here"></label>
                            <br>
                    <br>
         <label id="number-label">Number <input type="number"  id="number" min='13' max='98' number="number" placeholder="Mobile"></label>
          <br>
                    <br>
                    </fieldset>
                    <fieldset>
<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>
  <br>
  </fieldset>
  <br>
    <fieldset>
             <label for="radio"><input type="radio" name="action" value="radio" class="inline"> Yes
         </label>
          <label for="radio"><input type="radio" name="action" value="radio" class="inline"> No
         </label>
         </fieldset>
         <br>    
         <fieldset> 
      <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
         </fieldset> 
         <fieldset>  
           <label>Please tell us your favourite fruit
             <textarea id="text" name="text" rows="3" cols="30" placeholder="My favourite fruit is..."></textarea>
             </label>         
           </fieldset> 
           <input id="submit" type="submit" value="submit" name="submit">
         </form>
              </body>
      </html>

/* 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/108.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

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.

3

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

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