Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
Hello all, please excuse me, I’m new to coding. I am trying to finish building the survey form but I keep running into the same two failures:

  • You should have an input or button element with an id of submit.

  • Your #submit should have a type of submit.

It looks correct to me and I have even changed browsers to no avail…

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <link rel="stylesheet" href="styles.css">
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <h1 id="title"></h1>
  <p id="description"></p>
  <form id="survey-form">
    <label id="name-label">
      <input type="text" placeholder="" id="name" name="name" required></input>
    <label id="number-label">
      <input type="number" placeholder="" name="" id="number" min="28" max="60"></input>
    <label id="password-label">
      <input type="password" placeholder="Create a password" name="password"></input></label>
    <label id="email-label">
      <input type="email" placeholder="Your email" name="email" id="email" required></input>
    <input type="checkbox" required value=""> </input>
    <input type="checkbox" value=""> </input>
    <input type="checkbox" value=""> </input>
    <input type="radio" name="interest" value=""> </input>
    <input type="radio" name="interest" value=""></input>
    <input type="file"></input>
    <textarea id="submit" Placeholder=""></textarea>
    <select id="dropdown" required>
      <option>(Pick One)</option>
  <input type="submit" id="submit"></input>
/* file: styles.css */
html {
background-color: #2c2c1f;
color: grey
h1,h2 {
text-align: center
input, textarea, select {
background-color: grey;
width: 100%
::placeholder {
color: white
display: inline-block;
margin: auto
border: none;
border-bottom: 2px dashed brown
font-style: italic;
font-family: arial;

footer {
padding-bottom: 2em
  **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:

First, the input element is a self-closing element so it shouldn’t have a closing </input> tag.

Your main issue here is that you have given more than one element the id of submit. You can’t do that. In HTML every id needs to be unique. So only the submit button should have the id of submit.

Thank you, this was my issue. :smiley:

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