Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"
<title>
<h1 id="title">Fan Page</h1>
</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p id="description">what you want to choose?<p>
<form id="survey-form">
<fieldset>
<label id="name-label"> Enter your name:
<section></section>
<input for="name" id="name" type="text" name="name" placeholder="name">
</label>
<section>
</section>
<label id="email-label">
Enter you email:<section></section> <input for="email" id="email" name="email" type="email" placeholder="email"
required>
</label>
<section>
<section>
<label id="number-label">
age:
<section>
</section>
<input for="number" min="10" max="99" name="number" id="number" type="number" placeholder="number"> </label>
<label for="referrer">
<section>
</section>Choose character:
<section>
</section>
<select for="dropdown" id="dropdown">
<option value="">(choose)
<option>Hallo Kitty</option>
<option>My Melody</option>
<option>Kuromi</option>
</select>
<legend>
Color: </legend>
<label>
<input for="pink" name="pink" id="pink" type="radio" class="pink" value="radio"> Pink</label>
<label><input for="purple" name="purple" id="purple" type="radio" class="purple" value="radio"> Purple</label>
<legend>Where do you watch cartoons
<section></section>
<label><input for="TV" name="TV" id="TV" type="checkbox" value="checkbox"> TV
</label>
<section></section>
<label><input for="computer" name="computer" id="computer"
type="checkbox" value="checkbox"> Computer<section></section>
</label>
<label for="dreams">
Dreams
<textarea id="dreams" name="dreams" rows="3" cols="30" placeholder="you thinking"></textarea>
<label>
<input id="submit" type="submit"></label>
</fieldset>
</form>
</body>
</html>
/* file: styles.css */
p,h1{
font: Fantasy;
text-align: center;
margin: auto;
}
body{
background-color: rgb(125,0,50,40%);
color: black;
font-size: 20px;
margin:15px;
}
form{
background-color: rgb(110,0,60,30%);
font-size: 15px;
margin: 5px;
font: Tahoma;
}
fieldset{
text-align: center;
border: none;
}
section{
margin: 7px;
}
.pink, .purple{
font-size: 10px;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form