<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<header class="header">
<h1 id="title" class="text-center">freeCodeCamp Form</h1>
<p id="description" class="description text-center">
Thanks for taking the time to help us improve the platform
</p>
</header>
<form id="survey-form">
<div class="form-group">
<label id="name-label" for="name">Name:</label>
<input
type="text"
name="name"
id="name"
class="form-control"
placeholder="your name"
required
/>
</div>
<div class="form-group">
<label id="email-label" for="email">Email:</label>
<input
type="email"
name="email"
id="email"
class="form-control"
placeholder="your Email"
required
/>
</div>
<div class="form-group">
<label id="number-label" for="number"
>Age<span class="clue">(optional):</span></label
>
<input
type="number"
name="age"
id="number"
min="5"
max="110"
class="form-control"
placeholder="Age"
/>
</div>
<p>Which option best describes your current role?</p>
<select id="dropdown" name="role" class="form-control" required>
<option disabled selected value>Select role</option>
<option value="student">Student</option>
<option value="job">Full Time Job</option>
</select>
</div>
<div class="name">
<p>Would you recommend freeCodeCamp to a friends?</p>
<label>
<input
name="user-recommend"
value="definitely"
type="radio"
class="input-radio"
checked
/>Yes</label
>
<label>
<input
name="user-recommend"
value="maybe"
type="radio"
class="input-radio"
/>No</label>
</div>
<div class="form-group">
<p>What is your favorite feature of freeCodeCamp?</p>
<select id="most-like" name="mostLike" class="form-control" required>
<option disabled selected value>Select an option</option>
<option value="challenges">Challenges</option>
<option value="projects">Projects</option>
<option value="community">Community</option>
<option value="openSource">Open Source</option>
</select>
</div>
<div class="form-group">
<p>
What would you like to see improved?
<span class="clue">(Check all that apply)</span>
</p>
<label
><input
name="prefer"
value="front-end-projects"
type="checkbox"
class="input-checkbox"
checked
/>Front-end Projects</label
>
<label>
<input
name="prefer"
value="back-end-projects"
type="checkbox"
class="input-checkbox"
checked
/>Back-end Projects</label
>
<label
><input
name="prefer"
value="data-visualization"
type="checkbox"
class="input-checkbox"
/>Data Visualization</label
>
<label
><input
name="prefer"
value="challenges"
type="checkbox"
class="input-checkbox"
/>Challenges</label
>
<label
><input
name="prefer"
value="open-source-community"
type="checkbox"
class="input-checkbox"
/>Open Source Community</label
>
<label
><input
name="prefer"
value="gitter-help-rooms"
type="checkbox"
class="input-checkbox"
/>Gitter help rooms</label
>
<label
><input
name="prefer"
value="videos"
type="checkbox"
class="input-checkbox"
/>Videos</label
>
<label
><input
name="prefer"
value="city-meetups"
type="checkbox"
class="input-checkbox"
/>City Meetups</label
>
<label
><input
name="prefer"
value="wiki"
type="checkbox"
class="input-checkbox"
/>Wiki</label
>
<label
><input
name="prefer"
value="forum"
type="checkbox"
class="input-checkbox"
/>Forum</label
>
<label
><input
name="prefer"
value="additional-courses"
type="checkbox"
class="input-checkbox"
/>Additional Courses</label
>
</div>
<p>Any comments?</p>
<textarea
id="comments"
class="input-textarea"
name="comment"
placeholder="comment here..."
></textarea>
</div>
<div class="form-group">
<button type="submit" id="submit" class="survey-form">
Submit
</button>
</div>
</form
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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
okay thank you, i am not use to it .
I am about to log off, but after a quick look at your project, you have a couple of syntax errors in your HTML.
For example, it doesn’t look like you have close your form element here
also, I don’t see a closing body tag.
All of the error messages seem to point to missing elements inside the #survey-form element. So that tells me there are possible issues with your form element and maybe more HTML errors that are preventing you from passing.
I would suggest looking there first.
Hope that helps
okay thanks, let me check that now.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.