Tell us what’s happening:
Hey, I’m new to HTML and trying currently somethings out what I learned so far. I wanted to continue my survey form but it doesn’t continue. I cannot add anything more below. I can change the things which are already there but not adding something below. Is my page to “short” or did I miss something? Please help me
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Survey for Cake-Tasting</title>
<link rel="stylesheet" href="styles.css"/>
</head>
<h1 id="title">Survey for Cake-Tasting</H1>
<p id="description">We want to hoast a cake party where you can meet new people and get to know them but the twist is everyone who wants to panticipate has to bake a mini cake which is choosen from somebody else. So you will bake a mini cake for a stranger and a stranger will bake a mini cake for you. Its a great challenge!</p>
<p>Please fill out this form for the cake party</p>
<form method="get|post" id="survey-form">
<fieldset id="survey-form">
<label id="name-label">Enter Your Name: <input id="name" name="name" type="text" placeholder="name" required /></label>
<label id="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" placeholder="last-name" required /></label>
<label id="number-label">Enter your age <input id="number" type="number" name="number" min="18" max="120" placeholder="number" required> </label>
<label id="email-label">Enter Your Email: <input id="email" name="email" type="email" placeholder="email" required /></label>
<label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" placeholder="password" required /></label>
</fieldset>
<p>Your dream cake</p>
<fieldset>
<label for="cake-flavour">What is your favourite cake flavor? <input id="cake-flavour" name="cake-flavour" type="text" required /></label>
<label for="cake-filling">Name two flavours you would like to combine in the cake filling <input id="cake-filling" name="cake-filling" type="text" required /></label>
<label for="cake-outside">Would you prefer outlayer of the cake with fondant or cream of your choice?<input id="cake-outside" name="cake-outside" type="text" required /></label>
</fieldset>
<p>Your personal preference</p>
<fieldset>
<legend>Should your cake be vegan?</legend>
<input id="no" type="checkbox" name="choice" value="no" required> <label for="no">No</label>
<input id="yes" type="checkbox" name="choice" value="yes" required> <label for="yes">Yes</label>
<input id="doesn't matter" type="checkbox" name="choice" value="doesn't matter" required> <label for="doesn't matter">Doesn't matter</label>
</fieldset>
<fieldset>
<legend>Should your cake be halal?</legend>
<input id="no" type="checkbox" name="choice" value="no" required> <label for="no">No</label>
<input id="yes" type="checkbox" name="choice" value="yes" required> <label for="yes">Yes</label>
<input id="doesn't matter" type="checkbox" name="choice" value="doesn't matter" required> <label for="doesn't matter">Doesn't matter</label>
</fieldset>
<fieldset>
<legend>What should the cake <big>not</big> contain because of allergies (please choose one option)</legend>
<select id="dropdown">
<option value="p1">Nuts</option>
<option value="p2">Food coloring</option>
<option value="p3">Eggs</option>
<option value="p4">Someting else</option>
<option value="p5">No allgergies</option>
</fieldset>
<fieldset>
<label>Choose your Milk</label>
/* file: styles.css */
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/18.2 Safari/605.1.15
Challenge Information:
Survey Form - Build a Survey Form