Tell us what’s happening:
I have been asked to add Account type(required) text to legend element, I have done that but it still giving the following error.
Sorry, your code does not pass. Hang in there.
You should add Account type (required) text to the legend element.
Give detailed solution if any mistake in code
Your code so far
<!-- file: index.html -->
<!-- User Editable Region -->
<!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 method="post" action='https://register-demo.freecodecamp.org'>
<fieldset>
<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>
</fieldset>
<fieldset>
<legend>Account Type (required)</legend>
<label><input type="radio" name="account-type" value="personal" checked required /> Personal</label>
<label><input type="radio" name="account-type" value="business" /> Business</label>
</fieldset>
<input type="submit" value="Submit" />
</form>
</body>
</html>
<!-- User Editable Region -->
/* 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; rv:124.0) Gecko/20100101 Firefox/124.0
Challenge Information:
Learn HTML Forms by Building a Registration Form - Step 28