Survey Form - Build a Survey Form

HTML-CSS
#1

i’m trying to create a label with a name “id”,it’s not responding very well

  **Your code so far**

/* file: index.html */
<h1 id="title">Survey Form</h1>
<p id="description">Thank you for taking time to help us improve the platform</p>
<form id="survey-form" required>
<input required id="name" type="text">name</input>
<input required id="email" type="email">email</input>
<input id="number" min="13" max="150" type="number">number</input>
<label id="name"></label>
</form>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux i686; rv:91.0) Gecko/20100101 Firefox/91.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

#2

A <label> element takes in the for = "" attribute not id = "" like other elements in HTML. Furthermore, the value of the id = "" of associated <input> element must be equal to the value of the for = "" attribute of the label element. Like so;

<label for = "username"><input id = "username">Username</label>

For further information on how to use the <label> element, click here w3schools.com. Thanks

#3

got it thank you very much

#4

You are welcomed.

#5

Everything else checks out except for this - “Every radio button group should have at least 2 radio buttons” can someone please help me

  **Your code so far**

/* file: index.html */
<link rel="stylesheet" href="styles.css">
<h1 id="title">Survey Form</h1>
<p id="description">Thank you for taking time to help us improve the platform</p>
<form id="survey-form" required>
<input placeholder="Enter your name" required id="name" type="text">name</input>
<input placeholder="Enter your email" required id="email" type="email">email</input>
<input placeholder="Enter your number" id="number" min="13" max="150" type="number">number</input>
<label id="name-label">Name</label>
<label placeholder="Enter your email" id="email-label">Email</label>
<label palceholder="" id="number-label">Number</label>
<select id="dropdown">
  <option></option>
  <option></option>
</select>
<fieldset>
<legend>Khetha</legend>
<div name="">
<input value="radio1" type="radio" name="click1"></input>
<label for="radio1">radio1</radio>
<input value="radio2" type="radio" name="click2"></input>
<label for="radio2">radio2</label>
</div>
</fieldset>
<input type="checkbox" value="check1"></input>
<input type="checkbox" value="check2"></input>
<textarea></textarea>
<input type="submit" id="submit"></input>
</form>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux i686; rv:91.0) Gecko/20100101 Firefox/91.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

#6

the input elements are grouped with the name attribute