Tell us what’s happening:
How did you hear about us?
the error come that you give the label element with the text how did you hear about us ?
why should you does not pass this code this code will be
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" />
<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" method="post">
<fieldset>
<label for="first-name">Enter Your First Name: <input id="first-name" name="first-name" type="text" required></label>
<label for="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" required></label>
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required></label>
<label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required></label>
</fieldset>
<fieldset>
<legend>Account type (required)</legend>
<label for="personal-account"><input id="personal-account" type="radio" name="account-type" value="personal" checked> Personal</label>
<!-- User Editable Region -->
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business"> Business</label>
</fieldset>
<fieldset>
<label>Upload a profile picture: <input id="profile-pic" name="profile-pic" type="file"></label>
<label>Input your age (years): <input id="age" name="age" type="number" min="13" max="120"></label>
<!-- This label contains the text and the SELECT. The only nested element is the <select>. -->
<label>How did you hear about us? <select id="referrer" name="referrer">
<option value="">-- Please choose --</option>
<option value="freeCodeCamp News">freeCodeCamp News</option>
<option value="freeCodeCamp Forum">freeCodeCamp Forum</option>
<option value="YouTube">YouTube</option>
<!-- User Editable Region -->
<option value="Other">Other</option>
</select></label>
</fieldset>
<label for="terms-and-conditions">
<input id="terms-and-conditions" name="terms-and-conditions" type="checkbox" required> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
</label>
<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/139.0.0.0 Safari/537.36
Challenge Information:
Design a Registration Form - Step 31
https://www.freecodecamp.org/learn/full-stack-developer/workshop-registration-form/step-31
ILM
2
you did more than that, reset the step and do only what the instructions ask
Tell us what’s happening:
Registration Form
Registration Form
Please fill out this form with the required information
<fieldset>
<label for="first-name">
Enter Your Fi
Your code so far
<!-- file: index.html -->
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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" method="post">
<fieldset>
<label for="first-name">
Enter Your First Name:
<input id="first-name" name="first-name" type="text" required>
</label>
<label for="last-name">
Enter Your Last Name:
<input id="last-name" name="last-name" type="text" required>
</label>
<label for="email">
Enter Your Email:
<input id="email" name="email" type="email" required>
</label>
<label for="new-password">
Create a New Password:
<!-- User Editable Region -->
<input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required>
</label>
</fieldset>
<fieldset>
<legend>Account type (required)</legend>
<label for="personal-account">
<input id="personal-account" type="radio" name="account-type" value="personal" checked> Personal
</label>
<label for="business-account">
<input id="business-account" type="radio" name="account-type" value="business"> Business
</label>
</fieldset>
<fieldset>
<label for="profile-pic">
Upload a profile picture:
<input id="profile-pic" name="profile-pic" type="file">
</label>
<label for="age">
Input your age (years):
<input id="age" name="age" type="number" min="13" max="120">
</label>
<label for="referrer">
How did you hear about us?
<select id="referrer" name="referrer">
<option value="">-- Please choose --</option>
<option value="freeCodeCamp News">freeCodeCamp News</option>
<option value="freeCodeCamp Forum">freeCodeCamp Forum</option>
<!-- User Editable Region -->
<option value="YouTube">YouTube</option>
<option value="Other">Other</option>
</select>
</label>
</fieldset>
<label for="terms-and-conditions">
<input id="terms-and-conditions" name="terms-and-conditions" type="checkbox" required>
I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
</label>
<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/139.0.0.0 Safari/537.36
Challenge Information:
Design a Registration Form - Step 31
https://www.freecodecamp.org/learn/full-stack-developer/workshop-registration-form/step-31
ILM
4
Please Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!
Hi Buddy, In this section you need to define your problems in your own words when you do so then you learn to define your problems in your own words.
Hope You Understand !!
ILM
6
you still have too much stuff, reset the step and only add what is asked