Stuck in survey form in "Your #name should require input." and "Every radio button group should have at least 2 radio buttons." please help

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<link rel="stylesheet" href="styles.css">

<h1 id="title">Title<title></title></h1>
<p id="description">Survey Form</p>
<form id="survey-form">
<label id="name-label">Name</label>
<input type="text" name="name" id="name" placeholder="Name"><br>
<label id="email-label">Email</label>
<input type="email" id="email" placeholder="email" pattern="[a-z0-9]{10}\[@]{1}"><br>
<label id="number-label" >number</label>
<input type="number" id="number" pattern="[0-9]{10}" min="10" max="10" placeholder="number"><br>
<select id="dropdown">
<input type="radio" name="radio" value="male">
<input type="radio" name="radio-1" value="female">
<input type="checkbox" value="graduated">
<input type="checkbox" value="non-graduated">
<button id="submit">Submit</button>

/* 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/ Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

few things to adjust:

  • label needs a ‘for’ attribute to refer to its ‘input’ element
  • ‘input’ element id should be same as counter part ‘label’ element ‘for’ value

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.