Tell us what’s happening:
Describe your issue in detail here.
Hi, why are my fieldsets not field-setting? :'D
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"></html>
<link rel="stylesheet" href="styles.css">
<head>
<body>
<h1 id="title">General Information Collection Form</h1>
<p id="description">Please fill out the form with the required information</p>
<formset>
<form id="survey-form">
<fieldset>
<label id="name-label">Name: <input id="name" type="text" required placeholder="Jane Doe"></input></label>
<label id="email-label">Email: <input id="email" required type="email" placeholder="janedoe@aol.com"></input></label>
<label id="number-label">Number: <input id="number" min="0" max="9999999999" type="number" placeholder="123-456-7890" minlength="10" maxlength="15"></label>
<label for="date-of-birth" multiple>Date of birth: <input type="date" id="birthday" name="birthday" required>
<select id="dropdown">
<option>"select zodiac"</option>
<option>Aries</option>
<option>Taurus</option>
<option>Gemini</option>
<option>Cancer</option>
<option>Leo</option>
<option>Virgo</option>
<option>Libra</option>
<option>Scorpio</option>
<option>Saggitarius</option>
<option>Capricorn</option>
<option>Aquarius</option>
<option>Pisces</option>
</fieldset>
<fieldset>
<label for="female">Female<input type="radio" value="Female" name="gender" id="female"></input></label>
<label for="male">Male<input type="radio" value="Male" name="gender" id="male"></input></label>
</fieldset>
</formset>
</form>
</body>
</head>
/* file: styles.css */
body{
width: 100%;
height: 100vh;
margin: 0;
background-color: #FF7051;
color: #f1FFF7;
}
label {
display: block;
margin: 0.75rem 10;
}
fieldset{ {margin:0;padding:0;border:solid;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: