Learn HTML Forms by Building a Registration Form - Step 28

Hello. I am trying to add an accessibility input option. The i.d is supposed to be personal-account. I have tried putting it between the current input and label elements and finally where it is at right now. It says to link the input and id elements.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <title>Registration Form</title>
  <link rel="stylesheet" href="styles.css" />
  <h1>Registration Form</h1>
  <p>Please fill out this form with the required information</p>
  <form action='https://register-demo.freecodecamp.org'>
      <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
      <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
      <label for="email">Enter Your Email: <input id="email" type="email" required /></label>
      <label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      <label><input type="radio" name="account-type" /> Personal Account</label><id="personal-account">
      <label><input type="radio" name="account-type" /> Business Account</label>
      <label><input type="checkbox" required /> I accept the terms and conditions</label>
    <input type="submit" value="Submit" />
/* 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/ Safari/537.36 Edg/105.0.1343.33

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

Link to the challenge:

The first input element should have an id of personal-account .

What’s the first input element?

The first input element is the type, radio. I think this is what you are asking. Do I replace radio with the id? I thought I was just labeling for accessibility, if I change radio, it will change the input. It is also saying I need the for= personal-account


The first label element should have a for attribute with a value of personal-account.

Hi sarapeters03. I am a native english speaker.
One thing I noticed is that you have an html tag that isn’t an html element.
Html has elements made by the makers of the language such as h1-h6, div, p, button, etc.
These html elements have syntax ( the visible code ) as the respective following

  • <h1>Header 1</h1> This is the same element structure for h1-h6, div, p and button. Notice the closing and opening tags.

Find your html that you wrote as <id="personal-account"> and see if there maybe something wrong with it.

Happy coding.

You can add attributes without replacing others

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