lease help I am seriously confused
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.
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36
Survey Form - Build a Survey Form
Hello!
Please paste your code here.
<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>```
Here are the errors in the HTML code:
The closing </select> tag for the role dropdown is missing. It should be added after the options.
The opening <div> tag for the class “name” is not closed.
The closing </div> tag for the “container” class is missing.
There is an extra closing </div> tag before the “submit” button.
The closing </form> tag is followed by two backticks ``` which are unnecessary.
The closing </div> tag after the “comments” textarea should be moved up to close the “form-group” div properly.
The class “survey-form” is added to the button, but it should be “submit” instead.
The class “description” is misspelled as “descrpition” for the paragraph with id “description”.
The label for the age input field should have the “for” attribute set to “number” to correctly associate with the input element.
These are the main errors I found in the HTML code.@IsraelStephen
system
August 23, 2024, 4:48am
5
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.