To make the form more interactive, add the required attribute to the input elements in the first fieldset

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

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
 <head>
   <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>Enter Your First Name: <input type="text" id="Name"/></label>
       <label>Enter Your Last Name: <input type="text"id="Name"/></label>
       <label>Enter Your Email: <input type="email" id="Email" /></label>
       <label>Create a New Password: <input type="password" id="New Password"/></label>
     </fieldset>
     <fieldset></fieldset>
     <fieldset></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/103.0.0.0 Safari/537.36

Challenge: Step 18

Link to the challenge:

HI @BENZINGA !

It doesn’t look like you added the required attribute.

If you want to learn more you can read about it in the docs here

Hi,
You just need to add the required attribute to all input elements within the first fieldset, this link may help you HTML input required Attribute

1 Like

thank you so much for helping out

thanks so much for helping out