Tell us what’s happening:
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>
<html lang="en">
<head>
<meta charset="UTF-8"
<title>Created by Aaron Parker</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="title">The gothic Survey</h1>
<img src="https://i.imgur.com/TksOHAl.gif" alt="skull-gif" class="skull">
<p id="description">Welcome, This is a quick survey for all the goths. please be apart of this deadly survey.</p>
<form id="survey-form">
<fieldset>
<label id="name-label">Please enter your name: <input id="name" name="name" type="text" placeholder="Ex. Horrorcy" required /></label>
<label id="number-label">Please enter your age (years): <input id="number" name="number" type="number"
min="13" max="100" placeholder="13" required /></label>
<label id="email-label">Please enter you email: <input id="email" name="email" type="email" placeholder="Ex. 23goth@gmail.com" required /></label>
</fieldset>
<fieldset>
<p>What is your gender?</p>
<label for="male"><input id="male" type="radio" value="gen" name="gender" class="inline" /> Male</label>
<label for="female"><input id="female" type="radio" value="gen" name="gender" class="inline" /> Female</label>
<label for="other"><input id="other" type="radio" value="gen" name="gender" class="inline" /> other</label>
</fieldset>
<p>Select what's most important?<p>
<select id="dropdown">
<option>(Select one)</option>
<option>Outfit</option>
<option>Makeup</option>
<option>Hair</option>
<option>Eyebrows</option>
</select>
<fieldset>
<label for="picture">Please upload a favorite gothic picture of you: <input id="picture" type="file" name="file" /></label>
<label for="referrer">How long have you been goth?
<select id="referrer" name="referrer">
<option value="">(select one)</option>
<option value="1"> Less than a year</option>
<option value="2">More than a year</option>
<option value="3">More than years</option>
<option value="4">Other</option>
</select>
</label>
<label for="bio">What made you turn goth?
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I turned goth because..."></textarea>
</label>
<h2>Please select any that your familar with.</h2>
<fieldset>
<label>
<input
name="goth"
value="trad"
type="checkbox"
class="input-checkbox"
/>The Trad Goth</label>
<label>
<input
name="goth"
value="romantic"
type="checkbox"
class="input-checkbox"
/>The Romantic Goth</label>
<label>
<input
name="goth"
value="cyber"
type="checkbox"
class="input-checkbox"
/>The Cyber Goth</label>
<label>
<input
name="goth"
value="challenges"
type="checkbox"
class="input-checkbox"
/>The Hippy Goth</label>
<label>
<input
name="goth"
value="riverhead"
type="checkbox"
class="input-checkbox"
/>The Riverhead</label>
<label>
<input
name="goth"
value="perky"
type="checkbox"
class="input-checkbox"
/>The Perky Goth</label>
<label>
<input
name="goth"
value="mopey"
type="checkbox"
class="input-checkbox"
/>The Mopey Goth</label>
<label>
<input
name="goth"
value="deathrock"
type="checkbox"
class="input-checkbox"
/>The Deathrocker</label
>
<label>
<input
name="goth"
value="metalhead"
type="checkbox"
class="input-checkbox"
/>The Metalhead</label>
<label>
<input
name="goth"
value="vampire"
type="checkbox"
class="input-checkbox"
/>The Vampire Goth</label>
<label >
<input name="goth"
value="medieval"
type="checkbox"
class="input-checkbox"
/>The Medieval Goth</label>
</fieldset>
<br>
<h3>Thakns for participating !<h3>
<label for="terms-and-conditions">
<input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" class="inline" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
</label>
</fieldset>
<input type="submit" id="submit">
</form>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.2 Safari/605.1.15
Challenge: Survey Form - Build a Survey Form
Link to the challenge: