Learn HTML Forms by Building a Registration Form - Step 40

Tell us what’s happening:
Describe your issue in detail here.
i cant get this one, i added a name attribute everywhere i possibly can i just cant do this because i am unclear on where i should nest eh name=“Whatever” (if that is even correct) i am just confused as i have ever been
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form action='https://register-demo.freecodecamp.org'>
        <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" name="first-name" type="text" required name="file" /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" required name="file" /></label>
        <label for="email">Enter Your Email: <input id="email" name="email" type="email" required name="file"  /></label>
        <label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required name="file" /></label>
      </fieldset>
      <fieldset>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
        <label for="terms-and-conditions" name="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" name "file" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
        </label>
      </fieldset>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name "file"/></label>
        <label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" name "file" /></label>
        <label for="referrer">How did you hear about us?
          <select id="referrer" name="referrer">
            <option value="">(select one)</option>
            <option value="1">freeCodeCamp News</option>
            <option value="2">freeCodeCamp YouTube Channel</option>
            <option value="3">freeCodeCamp Forum</option>
            <option value="4">Other</option>
          </select>
        </label>
        <label for="bio">Provide a bio:
          <textarea name="file" id ="bio" rows="3" cols="30" name="file" placeholder="I like coding on the beach..."></textarea>
        </label>
      </fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.50

Challenge: Learn HTML Forms by Building a Registration Form - Step 40

Link to the challenge:

Yes that is the way you define an attribute.
You always place it in the opening tag of the respective element.

In this case the respective submittable elements.

To find these, just look at your preview pane.
Any input box or field or area or drop down or anything at all that the user can modify is a “submittable element”.

Let me know if that is enough of a guidance…

Also make sure that you use an equal sign every time you define one of these name attributes (I see you missed a few)

And make sure the value is unique (I see you reused the names.)