Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I don’t understand what I am doing at all, I need help since if I run the test it says I am missing lots of stuff

Your code so far

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

</head>
<body>
  <h1 id="title">Survey</h1>
<p id="description">Description</p>
<fieldset>
<form id="survey-form" id="name" type="text">

<label type="radio" for ="name" id="email" id="name-labe" id="number-label" id="email-label" select id="dropdown">Name:<input id="emai"id="name" type="text"required>

<label type="radio" for ="name" id="email" id="name-labe" id="number-label" id="email-label" id="number" select id="dropdown" >Number:<input id="email" id="number" type="number" required>

<label type="radio" for="email" id="email" 
<label for ="name" id="email" id="name-labe" id="number-label" id="email-label" select id="dropdown"> Email:<input id="email" type="email" required> 



</fieldset>
<input id="email" type="submit" value="submit">
</body>
</html>

  







/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}
label {
  display: block;
  margin: 0.5rem 0;
}
number {
  min(): 8;
  max(): 130;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 OPR/108.0.0.0

Challenge Information:

Survey Form - Build a Survey Form

2

Can you be more specific about what you are missing and what’s confusing about those parts?

3

Literally everything, I do what I was told to do and even doing tasks from the test, yet it doesn’t work

4

Ok, but I can’t write literally everything (that’s against the rules) for you, so I’m trying to start a conversation where we talk about what has you stuck.

5

why do you have so many ids on a single element

6

I see the tasks and the passing text requirements and it tells me to put all those

7

ok I will go little by little so there’s these three requirements I have to put but it shows I don’t have them while I have them in:

  • ou should have an input element with an id of name.

  • Failed:Your #name should have a type of text.

  • Failed:Your #name should require input.

  • Failed:Your #name should be a descendant of #survey-form.

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

</head>
<body>
  <h1 id="title">Survey</h1>
<p id="description">Description</p>
<fieldset>
<form id="survey-form" id="name" type="text">

<label type="radio" for ="name" id="email"  id="number-label" id="email-label" select id="dropdown" id="name">Name:<input id="email" type="text"required>

<label type="radio" for ="name" id="email" id="name-label" id="email-label" id="number" select id="dropdown" id="name" >Number:<input id="email" id="number" type="number" required>


<label type="radio" for="email" id="email" 
<label for ="name" id="email" id="name-label" id="number-label" id="email-label" select id="dropdown" > Email:<input id="email" type="email" required> 



</fieldset>
<input id="email" type="submit" value="submit" >
</body>
</html>
8

let’s start with one simple fix:
an element can have only one id, if it requires many ids for an input element you should have one input element for each different id

1 Like
9

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