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

HTML-CSS
1

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

  **Your code so far**

/* file: index.html */
<head>
<link rel="stylesheet" href="styles.css">
</head>

<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">
<option></option>
<option></option>
</select>
<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">
<textarea></textarea>
<button id="submit">Submit</button>
</form>


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

Challenge: Build a Survey Form

Link to the challenge:

2

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
3

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