Tell us what’s happening:
Describe your issue in detail here.
Hello, I am having trouble finding where i have not placed the value attribute. How do I ensure all checkboxes have the attribute?
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Survey Form </title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title"> Pipstronomy Survey Form</h1>
<p id="description">Thanks you for taking part improving our services.</p>
<form id="survey-form">
<fieldset>
<label id="name-label"> Fullname:<input type="text" id="name" value="name-label" placeholder="name" required></label>
<label id="email-label"> Email:<input id="email" type="email" required placeholder="Pipstronomy@gmail.com" value="email-label"></label>
<label id="number-label"> Age:<input id="number" type="number" min="16" max="90" placeholder="16-90" value="number-label"></label>
</fieldset>
<fieldset>
<p>Pick your foavourite branch of science:</p>
<select id="dropdown">
<option value=""> Please select one</option>
<option value="1"> Natural Sciences</option>
<option value="2"> Social Sciences</option>
<option value="3"> Formal Sciences</option>
</select>
</fieldset>
<fieldset>
<p>Tick your field of study</p>
<label for="Psychology" class="radio-label"><input type="radio" id="Psychology" value="Psychology" name="study-field">Psychology</label>
<label for="Engineering" class="radio-label"><input type="radio" id="Engineering" value="Engineer" name="study-field">Engineering</label>
<label for="Astophysics" class="radio-label"><input type="radio" id="Astrophysics" value="Astrophysics" name="study-field" value="Astrophysics">Astrophysics</label>
</fieldset>
<fieldset>
<p>What are your hobbies?</p>
<label for="Reading">Reading</label>
<input type="checkbox" name="Reading" value="Reading">
<label for="Playing video games">Playing video games</label>
<input type="checkbox" name="Playing video games" value="Playing video games">
<label for="Singing">Singing</label>
<input type="checkbox" name="Singing" valeu="Singing">
</fieldset>
<fieldset>
<p>Feedback:</p>
<textarea id="comments" name="comments" placeholder="enter your comment" value="comments"></textarea>
</fieldset>
<fieldset>
<p>Thank you for filling up my survey, please submit using the button below: </p>
<button type="submit" id="submit" value="submit">Submit</button>
</fieldset>
</form>
</main>
</body>
/* file: styles.css */
body{
display:block;
background-color:black;
color:white;
margin:0 auto;
font-size:1.125rem;
font-weight: 400;
line-height: 1.4;
}
button{
width:75%;
font-size:100%;
background-color: green;
color:white;
}
textarea{
width:50%
}
main{
font-family: Arial;
}
.survey-form{
padding:2;
text-align:center;
}
fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px solid rgb(59, 59, 79);
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: