So throughout the whole course I’ve been closing my label tags but apparently up until step 30 you don’t have to have a closing label tag. The code I’m showing is what you’re supposed to write to pass the step. I think the hint they give is not helpful at all and it’s kind of confusing since we’ve been closing label tags up until this step.
Please post your actual code instead of pictures.
You happened to have the computer guess correctly and fix the missing closing tag. You should put it there.
That is my actual code, I don’t know how to post my code on here where it shows up properly. Also how does the computer guess and fix a closing tag that’s missing? I tried putting it at the end of the text just to see what would happen and it gave me an error. So apparently the course has a bug in it where it allows just this label tag to self close because to my knowledge label is not a self closing tag as you can see above that code the other label tags have closing ones.
The bug is most likely where you are trying to put it. You need the closing tag in the right place.
Browsers will guess really hard what malformed HTML syntax means and try to render it.
Well I’m just saying I already tried putting the closing tag in the correct place and it wouldn’t let me pass the step. Once I got to the next step though it put the closing label tag in the correct place between the select and fieldset. I think it needs to be brought to attention because it seems like a legit bug and it’s confusing.
If you don’t show me what your code is, I can’t see what you are trying to do. A picture of your code is not adequate. I can’t run a picture.
I just verified that the correct code passes for me.
this is the code that I ran and it passes without the closing label tag. I put the closing tag where it’s supposed to be and it passes now but I was stuck for over 2 hours with the correct code and it wouldn’t pass. I have pictures of the code when it was closed and giving me the error.
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
<link rel="stylesheet" type="text/css" 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" required /></label>
<label>Enter Your Last Name: <input type="text" required /></label>
<label>Enter Your Email: <input type="email" required /></label>
<label>Create a New Password: <input type="password" pattern="[a-z0-5]{8,}" required /></label>
</fieldset>
<fieldset>
<label><input type="radio" name="account-type" /> Personal Account</label>
<label><input type="radio" name="account-type" /> Business Account</label>
<label>
<input type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
</label>
</fieldset>
<fieldset>
<label>Upload a profile picture: <input type="file" /></label>
<label>Input your age (years): <input type="number" min="13" max="120" />
</label>
<label>How did you hear about us?
<select>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</fieldset>
<input type="submit" value="Submit" />
</form>
</body>
</html>Where do you think it supposed to be!?!?!?
Right there on line 36 where it’s supposed to be. Do you really think I’m just making this up or something?!?!?!?!?! Can you read the error right there?
Dude… I still can’t run a picture. We can’t verify, diagnose, and fix a bug if you don’t give us the code to reproduce the issue. I’m trying to get you to give us the mininum actionable information we need to reproduce.
Bro, I’m telling you that it works now I’m running the code and it works with the closing label NOW but it wasn’t a few hours ago as you can see with the error code the site is giving me. I’m going to give you the code now but I’m telling you it’ll work because I just tried it. The problem I think the site is having is that it’ll run the code WITHOUT the closing tag and pass through the step.
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
<link rel="stylesheet" type="text/css" 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" required /></label>
<label>Enter Your Last Name: <input type="text" required /></label>
<label>Enter Your Email: <input type="email" required /></label>
<label>Create a New Password: <input type="password" pattern="[a-z0-5]{8,}" required /></label>
</fieldset>
<fieldset>
<label><input type="radio" name="account-type" /> Personal Account</label>
<label><input type="radio" name="account-type" /> Business Account</label>
<label>
<input type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
</label>
</fieldset>
<fieldset>
<label>Upload a profile picture: <input type="file" /></label>
<label>Input your age (years): <input type="number" min="13" max="120" />
</label>
<label>How did you hear about us?
<select>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</label>
</fieldset>
<input type="submit" value="Submit" />
</form>
</body>
</html>I can’t reproduce what happened for you several hours ago. FreeCodeCamp didn’t roll out any changes to this exercise in that time period. 
The correct code works on my device.
The code running fine without the closing tag is something that your browser does, not freeCodeCamp. We can’t really cleanly check that the browser just happened to fix syntax correctly in most cases. It is a bulit in part of how your browser parses HTML.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.