Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

It tells me to do this i don’t know how to do it also im kinda a noob at coding so somone help me pls
You should have an input element with an id of number. Your number should have a type of number. Your number should have a min attribute with a numeric value. Your number should have a max attribute with a numeric value. You should have a label element with an id of number-label. Your number-label should contain text that describes the input.
Your number-label should be a descendant of surveyform. Your number should have a placeholder attribute and value

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
  
<h1 id="title">Free Code Camp Survey</h1>

<p id="description">Thank you for taking the time to help us improve the platform</p>
</header>

<form id="survey-form" Survey Form>

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

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

<label id="number" for="number">Age (Optional): </label>

<input id="number" type="number" min length="1" max length="3" name="age" placeholder="Enter your Age"></input>
<br>
<p>Which option best describes your current role?</p>
<select name="role" id="role" >
  <option disabled selected value>Select current role</option>
  <option value="Student">Student</option>
  <option value="FullTimeJob">Full Time Job</option>
  <option value="FullTimeLearner">Full Time Learner</option>
  <option value="PreferNotToSay">Prefer not to say</option>
  <option value="Other">Other</option>
</select>

<p>Would you recommend freeCodeCamp to a friend?</p>
<label >
  <input name="recomend" type="radio" value="definitely" Checked>Definitely</input>
  <input name="recomend" type="radio" value="maybe">Maybe</input>
  <input name="recomend" type="radio" value="not-sure">Not Sure</input> 
</label>
<p>What is your favorite feature of freeCodeCamp?</p>
<select id="most-like" name="most-like" required>
  <option disabled selected value>Select an opton</option>
  <option value="challenges">Challenges</option>
  <option value="projects">Projects</option>
  <option value="community">Community</option>
  <option value="opensource">Open Source</option>
  </select>
<p>What would you like to see improved? (Check all that apply)</p>

<p>Any comments or suggestions?</p>



</form>


</body>
</html>

Your browser information:

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

Challenge Information:

Build a Survey Form - Build a Survey Form

2

Hello.

This documentation will get you set up on how to make forms.

1 Like
3

thanks ill try the documantation

1 Like
4

thanks ill read it tomm