<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="title">Survey Form</h1>
<p id="description" ><i>Thank you for taking the time to help us improve the platform</i></p>
<form id="survey-form">
<fieldset>
<label id="name-label">Name: <input id="name" type="text" placeholder="Enter Your Name" required /></label>
<label id="email-label">Email: <input id="email" type="email" placeholder="Enter Your Email" required /></label>
<label id="number-label">Age: <input id="number" type="number" min="10" max="99" placeholder="Age" /></label>
<label id="dropdown">Which option best describes you ? <select id="dropdown" name="dropdown">
<option disabled selected values="">Select Current Role</option>
<option>Student</option>
<option>Full time job</option>
<option>Full time learner</option>
<option>other</option>
</select>
</label>
<label>Would you recommend your friend ?</label>
<label id="refer"><input id="refer" type="radio" name="recommend" value="yes" checked>Definitely</label>
<label><input id="refer" type="radio" name="recommend" value="no">May be</label>
<label><input id="refer" type="radio" name="recommend" value="maybe">Not sure</label>
</fieldset>
<fieldset>
<label>What skills do you have? (check all that apply)</label>
<label for="skills"><input id="skills" type="checkbox" required name="Front-end" value="frontend" checked /> Front-end</label>
<label><input id="skills" type="checkbox" required name="Back-end" value="backend" /> Back-end
</label>
<label><input id="skills" type="checkbox" required name="Data visualization" value="datavisualization" /> Data visualization
</label>
<label>
<input id="skills" type="checkbox" required name="Other" value="other" /> Other
</label>
<label for="bio"> Any suggestions? <textarea id="bio" name="bio" rows="3" cols="30" placeholder="Enter your suggestion here..."></textarea>
</label>
</fieldset>
<input id="submit" type="submit" value="Submit" />
</form>
</body>
Hi there!
Welcome to the FCC forum. Add your code correctly between a pair of three back ticks, back ticks should be on a separate line before and after your code block. Also add link to the project.
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 (').
you can’t have duplicate id attributes
1 Like
thanks for the solution as a beginner i am not aware of ot