Survey Form - Build a Survey Form

HTML-CSS
1

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">
<head>
  <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">
    </head>  

<body>
<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><br>

<!-- 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 -->
  Comments:
  <textarea type="text">
    </textarea><br>

<!-- submit button -->
<input id="submit" type="submit" value="Submit"/>
    </form>
  </body>
</html>

/* 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:

2

Hi!
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 >

3

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”.

4

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