I am having troubles figuring out how my #name-label
should contain text that describes the input.
Problem/question: Your #name-label
should contain text that describes the input.
I don’t know what it means by that. Could someone help me?
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css" />
<title>Noob Survey</title>
<body>
<section>
<form id="survey-form">
<p><input type="radio" value="4" name="bob" checked >Are you over 13? Keep checked if yes.</p>
<p><input type="radio" value="3" name="bob">No.</p>
<label id="yes" class="title">
<h1 id="title">Noob Survey</h1>
</label>
<p class="title" id="description"> This is a noob survey. </p>
<fieldset class="set">
<p class="title">What is your first and last name?<p>
<input for="name" class="name" id="name" type="text" placeholder="Put your name here." required >
<input class="email" id="email" type="email" placeholder="What is your email?" required>
<input id="number" class="number" type="number" min="13" max="120" placeholder="_"/>
<h4 <input class="question2"/>What is your age? (13-120, go away 12 year olds and put in small box)</h4>
<label class="name" id="name-label" ></label>
<label class="email" id="email-label"></label>
<label class="number" id="number-label"></label>
<h4 <input class="question1" />Are noobs great?</h4>
<select id="dropdown" <input class="option" id="option">
<option>Select One</option>
<option>Yes</option>
<option>No</option>
<option>Maybe</option>
<option>Does that mean im nub?</option>
</select>
</fieldset>
</section>
<section>
<p><input value="1" type="radio" name="bob" checked />I would like to recieve weekley noobs-letter</p>
<p><input value="2" type="radio" name="bob">I would not.</p>
</section>
</form>
</head>
</body>
</html>
/* file: styles.css */
body{
width: 100%;
height: 100%;
background-color: #D0F02F
}
.title{
text-align: center;
font-family: sans-serif
}
.name, .email, .number{
border-color: blue
}
.set{
border-color: blue
}
.number{
padding-top: 30px
}
.number{
margin-left: 50px;
margin-top: 30;
height: 1%;
width: 20%
}
.name{
margin-left: 50;
}
.email{
margin-top: 30px;
margin-left: 50px;
}
.option{
margin-left: 80;
margin-top: 0 auto;
margin-bottom: 30px
}
.question1{
margin-left: 100px;
font-family: sans-serif;
}
.question2{
font-family: sans-serif;
font-size: 13;
margin-bottom: 0 auto
}
.radio1{
font-family: sans-serif
}
Your browser information:
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form