Survey Form - Build a Survey Form

HTML-CSS
1

When I run the tests it does not recognise my textarea element as a
a descendant of #survey-form even though my submit element does and it is directly underneath. This is the only test it is failing and I cannot figure it out

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<head>
  <title>freeCodeCamp Survey Form</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1 id="title">freeCodeCamp Survey</h1>
  <p id="description" class="welcome">Thank you for taking the time to help us improve the platform</p>
  <form id="survey-form">
    <div class="top-space"></div>
      <label id="name-label">Name</label><input type="text" placeholder="Enter your name" style="display:block" id="name" required>
      <label id="email-label">Email</label><input type="email" placeholder="Enter your Email" style="display:block" id="email" pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$" required>
      <label id="number-label">Age</label> &nbsp <label class="optional">(optional)</label><input type="number" placeholder="Age" style="display:block" min="15" max="80" id="number"></label>
      <label id="question-one">Which option best describes your current role?</label>
      <select id="dropdown" style="display:block">
			<option value="none1" selected disabled hidden>Select current role</option>
			<option value="student">Student</option>
			<option value="full-time-job">Full Time Job</option>
			<option value="full-time-learner">Full Time Learner</option>
			<option value="no-say">Prefer not to say</option>
			<option value="other">Other</option>
      </select>
    <p class="friend-recommend">Would you recommend freeCodeCamp to a friend?</p>
		<label class="def"><input type="radio" name="recommend" class="definitely" value="0">Definitely</label><br>
		<label class="may"><input type="radio" name="recommend" class="maybe" value="1">Maybe</label><br>
		<label class="not"><input type="radio" name="recommend" class="not-sure" value="2">Not Sure</label><br>
		<label class="fav-feature">What is favorite feature of freeCodeCamp</label>
		<select id="dropdown2" style="display:block">
			<option value="none2" selected disabled hidden>Select an option?</option>
			<option value="challenges">Challenges</option>
			<option value="projects">Project</option>
			<option value="community">Community</option>
			<option value="open-source">Open Source</option>
		</select>
		<p class="improve"><label class="improved">What would you like to see improved?</label> &nbsp <label class="check-apply">(Check all that apply)</label></p>
		<label><input type="checkbox" name="front-end" class="front-end" value="0"/>Front-End</label><br> 
		<label><input type="checkbox" name="back-end" class="back-end" value="1"/>Back-End</label><br> 
		<label><input type="checkbox" name="visualisation" class="data" value="2"/>Data Visualization</label><br> 
		<label><input type="checkbox" name="challenges" class="challenges" value="3"/>Challenges</label><br>
		<label class="suggestions">Any comments or suggestions?</label><br>
		<input type="textarea" placeholder="Enter your comment here">
		<input type="submit" class="sub" id="submit">
  </form>
<body>

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2 
<input type="textarea" placeholder="Enter your comment here">

I know it seems like this is correct, but this isn’t actually how you create a textarea input. There is an actual textarea elment that you should use instead.

MDN: The Textarea element

3

Thanks for the help. I thought that was how freeCodeCamp did it in the previous tutorial but obviously I was mistaken.

4

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