RESOLVED( I removed all the fieldsets and it worked!)
Hi, I can’t work out how to resolve this problem. My radio buttons, checkboxes, textarea and submit are not descendants of #survey-form. Also, it says that my checkboxes doesn’t have a value attribute and value. Any help would be appreciated. Thanks.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<title>University research survey</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="title">University research Survey</h1>
<p id="description">Thank you for your time!</p>
<fieldset>
<form id="survey-form">
<label id="name-label">Enter your name:
<input id="name" type="text" value="Boris Johnson"required placeholder="Ex. Boris Johnson" /></label>
<label id="email-label">Enter your email:<input id="email" type="email" value="boris@johnson.com" placeholder="Ex.boris@johnson.com" required /></label>
<label id="number-label">Year of graduation:<input id="number" type="number" min="1900" max="2030" value="2004" placeholder="2004" /></label>
<label>What subject are you currently studying/have graduated?
<select id="dropdown">
<option value="">(Select a subject)</option>
<option value="1">Politics</option>
<option value="2">Ethics</option>
<option value="3">Literature</option>
<option value="4">Language</option>
<option value="5">Culture</option>
<option value="6">Science</option>
<option value="7">Technology</option>
<option value="8">Mathematics</option>
</select>
</label>
</fieldset>
<fieldset>
<label>Please select which option you prefer:</label>
<label>Face to face meeting<input type="radio" name="decision" value="FF"/></label>
<label>Online meeting<input type="radio" name="decision" value="online"/>
</label>
</fieldset>
<fieldset>
<label>Please select which day you would be available:</label>
<label><input type="checkbox" value="Monday"> Monday</label>
<label><input type="checkbox" value="Tuesday"> Tuesday</label>
<label><input type="checkbox" value="Wednesday"> Wednesday</label>
<label><input type="checkbox" value="Thursday"> Thursday</label>
<label><input type="checkbox" value="Friday"> Friday</label>
</fieldset>
<label>Please provide any additional information we should be aware of prior to our meeting:
<textarea name="add comments" rows="2" cols="60" placeholder="Ex. I can't meet after 5pm..."></textarea>
</label>
</fieldset>
<label><input type="submit" value="Submit" id="submit"/></label>
</form>
</body>
</html>
/* file: styles.css */
body{
background-color:#C4AE78;
font-family:Helvetica;
width:100%;
height:100vh;
color:black;
font-size:16px;
text-align:left;
}
p{
text-align:center;
}
h1{
text-align:center;
text-decoration:underline;
}
fieldset {
border: none;
padding: 0.5rem ;
border-bottom:1px solid #2E2E2E;
width:100%;
}
input[type="submit"] {
display: block;
width: 400px;
margin: 1.5em ;
font-size: 1.1rem;
background-color:white ;
border-color: white;
}
label{
display:block;
margin:0.5rem;
}
form {
margin: 0;
width:100vw
}
textarea{
display:block;
margin:0.5em;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge: