Tell us what’s happening:
Describe your issue in detail here.
Hello working on the survey form i am having a hard time setting up the corresponding labels and inputs.
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">Survey Form</h1>
<p id="description">Tell Us About Your Experience</p>
<form id="survey-form">
<fieldset>
<input id="name" type="text" placeholder="John Doe" Required />
<input id="email" type="email" placeholder="abc@email.com" Required />
<input id="number" type="number" min="0" max="120" placeholder="25" Required />
<label id="name-label">Which option best describes your current role? <input type="radio">Definitely<input type="radio">Maybe<input type="radio">Not Sure</label>
<label id="email-label"></label>
<label id="number-label"></label>
</fieldset>
</body>
</form>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.35
Challenge: Survey Form - Build a Survey Form
Link to the challenge: