Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
It is weird but I simply don’t see what I should do to get the submit button to work?!
I fixed the and put it at the end. So that’s good. I also closed nicely the form and the body. But still no go! I am out of ideas here…

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <title>Survey Form</title>
  <link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<h1 id="title">Basic Survey Form</h1>
<p id="description"> Please fill out this form with the required information and submit.</p>

<form id="survey-form" type="text"  id="name"> 
  <label for="name" id="name-label">Enter Your Name: <input type="name" id="name" placeholder="name" required /></label><br>

  <label for="email" id="email-label">Enter Your Email: <input name="fileA" type="email" id="email" placeholder="email" required /></label><br>

  <label for="number" id="number-label">Enter Number: <input name="fileB" type="number" id="number" placeholder="10" required min="0" max="10"/></label><br>

<!-- dropdown menu -->
  <label for="dropdown">Gender: </label>
  <select id="dropdown">
    <option value="woman">woman</option>
    <option value="man">man</option>
    <option value="non-binary">non-binary</option>

<!-- select a or b -->
    Select A/B:
  <input type="radio" name="fav_language" value="a" />
  <label name="radio">A</label>
  <input type="radio" name="fav_language" value="b" />
  <label name="radio">B</label><br>

<!-- select color -->
  Select color:
  <input name="fileC" type="checkbox" id="submit" value="white" />
  <label for="checkbox">White</label>
  <input name="fileD" type="checkbox" id="submit" value="brown" />
  <label for="checkbox">Brown</label><br>

<!-- enter comment -->
  <textarea type="text">

<!-- submit button -->
<input id="submit" type="submit" value="Submit"/>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Try deleting the value. Also, you should have a closing input tag, with the text Submit between the tags. So < input id=x type=x >Text< / input >

You have multiple elements with the id of “submit”. You can’t do that. Ids should be unique. Only the submit button should have an id of “submit”.

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