Build a Job Application Form - Build a Job Application Form

Tell us what’s happening:

I think I have associated all the input select textarea with a label and I do not see why I can’t pass. pls tell me y.thx

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Job Application Form</title>
</head>
<body>
    <h1>What is your favorite Pokémon?</h1>
    <div class="container">
      <form>
        <label for="name">Name: </label>
        <input type="text" id="name">
        <label for="email">Email: </label>
        <input type="email" id="email">
        <label for="position">What is your favorite pokemon type?</label>
        <select id="position">
        <option>Normal</option>
        <option>Water</option>
        <option>Grass</option>
        <option>Fire</option>
        <option>Electric</option>
        <option>Dragon</option>
        <option>Flying</option>
        <option>Ice</option>
        <option>Steel</option>
        <option>Fairy</option>
        <option>Fighting</option>
        <option>Dark</option>
        <option>Ghost</option>
        <option>Poison</option>
        <option>Ground</option>
        <option>Psychic</option>
        <option>Ground</option>
        <option>Bug</option>
        </select>
        <label for="position">Please fill in this if your pokemon is dual type.</label>
        <select id="position">
        <option>None</option>
        <option>Normal</option>
        <option>Water</option>
        <option>Grass</option>
        <option>Fire</option>
        <option>Electric</option>
        <option>Dragon</option>
        <option>Flying</option>
        <option>Ice</option>
        <option>Steel</option>
        <option>Fairy</option>
        <option>Fighting</option>
        <option>Dark</option>
        <option>Ghost</option>
        <option>Poison</option>
        <option>Ground</option>
        <option>Psychic</option>
        <option>Ground</option>
        <option>Bug</option>
        </select>
        <label>Are you a fan of Pokémon?</label>
        <fieldset class="radio-group">
            <input type="radio" name="availability" id="yes"><label for="yes">Yes</label>
            <input type="radio" name="availability" id="no "><label for="no">No</label>
        </fieldset>
        <label for="message">Any additional stuff?</label>
        <textarea id="message">
        </textarea>
      </form>
  </div>
</body>
</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/149.0.0.0 Safari/537.36

Challenge Information:

Build a Job Application Form - Build a Job Application Form

GitHub Link: https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/blocks/lab-job-application-form/66faac4139dbbd5dd632c860.md

Welcome to the forum @chenkinlin

The id and for values do not match.

Happy coding