Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
i am now stuck on this one! can anyone help me with this hint?
You should have at least two input elements with a type of checkbox (checkboxes) that are descendants of #survey-form

Your code so far

<!-- file: index.html -->
<h1 id="title"> Carly's Survey</h1>
<p id="description">Thank you for taking the time to improve our platform</p>
<fieldset>
<form id="survey-form">
<label id="name-label">Full Name: 
<input id="name" type="text" value="full-name" required placeholder="Please insert your name"/></label>
<label id="email-label">Enter your email:
<input id="email" type="email" value:"curly@clark.com" placeholder="Please insert your email" required></label>
<label id="number-label">Age:<input id="number" type="number" placeholder="Please insert age"min="16" max="120"></label>
<label>Where did you hear about Carly's Survey?
<select id="dropdown">
<option value="">Select a subject</option>
<option value="1">Carly's website</option>
<option value="2">Word of mouth</option>
<option value="3">TikTok</option>
<option value="4">Instagram</option>
<option value="5">Twitter</option>
<option value="6">Facebook</option>
<option value="7">Other</option>
</fieldset>

<fieldset>
<label>How likely are you to Recommend our products</label>
<label>Definitely<input type="radio" name="button" value="button">
<label>Most likely<input type="radio" name="button" value="button">
<label>Likely<input type="radio" name="button" value="button">
  <label>Not at all<input type="radio" name="button" value="button"></label>
  </fieldset>

<fieldset>
<label>What other places are you most likely to shop?</label>
<label><type input="checkbox" value="PrettyLittleThing"> PrettyLittleThing</label>
<label><type input="checkbox" value="Boohoo"> Boohoo</label>
<label><type input="checkbox" value="ASOS"> ASOS</label>
<label><type input="checkbox" value="Other"> Other</label>
</fieldset>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14816.131.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

I think you have some syntax issues. For eg, I cannot find the closing tag for form?

5

i can’t seem to copy and paste my code within this textbox so cant show the updated version. is there any other errors I’ve made?
also regarding this hint I’m stuck on, can you give me any tips on this?

6

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

7

This fieldset should be inside the form not outside it.

1 Like
8

I also cannot find the closing tag for this select

1 Like
9

any other tips you have?

10

If you think your code is correct you can post it here and let us see if we can find anything else.

11 

<!DOCTYPE html>
 <html lang="en">
 <head>
<title>Carly's Survey</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="styles.css" />
</head>

<body>
<h1 id="title"> Carly's Survey</h1>
<p id="description">Thank you for taking the time to improve our platform</p>

<form id="survey-form">
  <fieldset>
 <label id="name-label">Full Name: 
<input id="name" type="text" value="full-name" required placeholder="Please insert your name"/></label>
<label id="email-label">Enter your email:
<input id="email" type="email" value:"curly@clark.com" placeholder="Please insert your email" required></label>
<label id="number-label">Age:<input id="number" type="number" placeholder="Please insert age"min="16" max="120"></label>

<label>Where did you hear about Carly's Survey?
<select id="dropdown">
<option value="">Select a subject</option>
<option value="1">Carly's website</option>
<option value="2">Word of mouth</option>
<option value="3">TikTok</option>
<option value="4">Instagram</option>
<option value="5">Twitter</option>
<option value="6">Facebook</option>
<option value="7">Other</option>
</select>
</fieldset>

<fieldset>
<label>How likely are you to Recommend our products</label>
<label>Definitely<input type="radio" name="button" value="button">
<label>Most likely<input type="radio" name="button" value="button">
<label>Likely<input type="radio" name="button" value="button">
  <label>Not at all<input type="radio" name="button" value="button"></label>
  </fieldset>

<fieldset>
<label>What other places are you most likely to shop?</label>
<label><type input="checkbox" value="PrettyLittleThing"> PrettyLittleThing</label>
<label><type input="checkbox" value="Boohoo"> Boohoo</label>
<label><type input="checkbox" value="ASOS"> ASOS</label>
<label><type input="checkbox" value="Other"> Other</label>
</fieldset>

</form>
</body>
</html>
12

Actually here is a pretty big error.

The element name here is input not type.
Type is the name of the attribute.

You have multiple issues like this

13

so it should be <input type=“checkbox” value="Prett

14

All you have to do is look at the other input elements you made earlier to confirm this.

15

great! i worked it out. thanks so much for your help!

1 Like
16

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