https://www.freecodecamp.org/learn/full-stack-developer/workshop-registration-form/step-26hi. okay doing the registration form project. now up to step 26. i think, and now not liking the text after the label for the linking the text to a link. so can you help me out. what stupid thing am i doing. not liking it and yes did reset the lesson. so pasting my code and the error and the step below. so can any one help. totally blind and use a screen reader.
so pasting below.
Sorry, your code does not pass. Hang in there.
You should add I accept the terms and conditions text to the label following the third fieldset.
Registration Form
Registration Form
Please fill out this form with the required information
Enter Your First Name:
Enter Your Last Name:
Enter Your Email:
Create a New Password:
Account type (required)
Personal
Business
I accept the terms and conditions
I accept the terms and conditions
### Tell us what's happening:
hi. doing the registration form. and now up to the checkbox and text with terms and conditions. not working and cannot figure it out, as totally blind and using a screen reader.
help
Your code so far
<!-- file: index.html -->
<!-- User Editable Region -->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>Registration Form</title>
</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 type="text" id="first-name" name="first-name" required />
</label>
<label for="last-name">
Enter Your Last Name:
<input type="text" id="last-name" name="last-name" required />
</label>
<label for="email">
Enter Your Email:
<input type="email" id="email" name="email" required />
</label>
<label for="new-password">
Create a New Password:
<input type="password" id="new-password" name="new-password" pattern="[a-z0-5]{8,}" required />
</label>
</fieldset>
<fieldset>
<legend>Account type (required)</legend>
<label for="personal-account">
<input type="radio" id="personal-account" name="personal-account" value="personal-account" checked="true" required />
Personal
</label>
<label for="business-account">
<input type="radio" id="business-account" name="business-type" value="business-type" checked="false" />
Business
</label>
</fieldset>
<fieldset>
</fieldset>
<fieldset>
</fieldset>
<fieldset>
</fieldset>
<label for="terms-and-conditions">
I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/" target="_blank">terms and conditions</a>
<input type="checkbox" id="terms-and-conditions" name="terms-and-conditions" value="accepted" required />
I accept the terms and conditions
</label>
<label>
<input type="submit" value="Submit">
</label>
</form>
</body>
</html>
<!-- User Editable Region -->
You added several fieldset elements and nested the submit input element in a label element. The instructions did not ask you to do that.
Please reset the step to restore the original code. Do not modify code you are not asked to modify. The text and anchor element you wrote are correct, but they need to go after the input element.
HI, RESET THE LESSON, TRIED THEN TYPING UP THE CODE. STILL DOES NOT PASS. WHAT AM I DOING WRONG. DO HAVE THE TEXT I ACCEPT THE TERMS UNDERNEATH THE INPUT. SO WHAT AM I DOING WRONG? HOW TO GET IT TO PASS?
TRYING MY BEST. AND TREID A FEW DIFFERENT THINGS. SO DO I TAKE OUT THE LABELS AND JUST HAVE THE INPUT. SORRY. TRYING MY BEST. BUT FRUSTRATED.
MARVIN.
PS: PASTING THE ERROR MESSAGE AND MY UPDATED CODE. HELP ME OUT.
WHAT AM I DOING WRONG?
`type or paste code here`
``` <!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>Registration Form</title>
</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 type="text" id="first-name" name="first-name" required />
</label>
<label for="last-name">
Enter Your Last Name:
<input type="text" id="last-name" name="last-name" required />
</label>
<label for="email">
Enter Your Email:
<input type="email" id="email" name="email" required />
</label>
<label for="new-password">
Create a New Password:
<input type="password" id="new-password" name="new-password" pattern="[a-z0-5]{8,}" required />
</label>
</fieldset>
<fieldset>
<legend>Account type (required)</legend>
<label for="personal-account">
<input type="radio" id="personal-account" name="personal-account" value="personal-account" checked="true" required />
Personal
</label>
<label for="business-account">
<input type="radio" id="business-account" name="business-type" value="business-type" checked="false" />
Business
</label>
</fieldset>
<fieldset>
</fieldset>
<fieldset>
</fieldset>
<fieldset>
</fieldset>
<label for="terms-and-conditions">
<input type="checkbox" id="terms-and-conditions" name="terms-and-conditions" value="terms-and-conditions" required />
I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/" target="_blank">terms and conditions</a>
</label>
<label>
<input type="submit" value="Submit">
</label>
</form>
</body>
</html>
hi, well stuck. then what am i doing wrong? or maybe have to google some more and see where i am going wrong? sorry for botehring you.
trying my best, doing first time nesting links.
marvin.
The things said by Teller are still valid, that means that you still have several unasked fieldset elements, that you have added the submit input in a label
those are changes that should not be present, it doens’t look like you tried to fix them
hi, so should i put the submit in a button, and hwich other things to get rid of. please help me out. first time doing this sort of nested stuff. please advice. so one thing at a time to try to fix to get it to pass.
sorry, trying my best as a blind screen reader user. just trying to following the user stories.
marvin.
you should not touch the submit for this step. leave it as it is at the start of the step. and there are three empty fieldsets above the label, there should be only one, you have added two more. That is also a change you should not do this step.
hi, so i get rid of two of the field sets and then only have one. is that what you are saying, before i go and then modify my local copy. please advice.
marvin.
ps: or should i then just reset the step.
waiting for your expert opinnion.
marvin.
hi. took out the other empty fieldset and then tried again, still not liking it. so why? will paste my updated code.
so how to get it to fix.
stuck.
marvin.
ps: okay trying my best.
as cannot see. so relying on speech to try to troubleshoot and figure out how to get it to work.
pasting code below.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>Registration Form</title>
</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 type="text" id="first-name" name="first-name" required />
</label>
<label for="last-name">
Enter Your Last Name:
<input type="text" id="last-name" name="last-name" required />
</label>
<label for="email">
Enter Your Email:
<input type="email" id="email" name="email" required />
</label>
<label for="new-password">
Create a New Password:
<input type="password" id="new-password" name="new-password" pattern="[a-z0-5]{8,}" required />
</label>
</fieldset>
<fieldset>
<legend>Account type (required)</legend>
<label for="personal-account">
<input type="radio" id="personal-account" name="personal-account" value="personal-account" checked="true" required />
Personal
</label>
<label for="business-account">
<input type="radio" id="business-account" name="business-type" value="business-type" checked="false" />
Business
</label>
</fieldset>
<label for="terms-and-conditions">
<input type="checkbox" id="terms-and-conditions" name="terms-and-conditions" value="terms-and-conditions" required />
I accept the<a href="https://www.freecodecamp.org/news/terms-of-service/" target="_blank">terms and conditions</a>
</label>
<label>
<input type="submit" value="Submit">
</label>
</form>
</body>
</html>
.hi, only got one fieldset now. and still not liking it. says to add the i accept with the label beyond the fieldset. so not sure what i am doing? help?
sorry. how to fix. or am i going about it the wrong way. have tried googling.
but this is driving me nuts.
and did look at other posts. one person said not to then have a space with the <a and the </a or spacing.
marvin.
and heres my updated code. have i got it wrong? or point me out to where it is falling down. so then i can then ehar what to fix with my screen reader jaws for windows.
pasting updated code.
so only one field set. is that correct. trying to follow all the user story for each step. this is frustrating. unless something i am doing or not working right.
sorry trying my best.
marvin.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>Registration Form</title>
</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 type="text" id="first-name" name="first-name" required />
</label>
<label for="last-name">
Enter Your Last Name:
<input type="text" id="last-name" name="last-name" required />
</label>
<label for="email">
Enter Your Email:
<input type="email" id="email" name="email" required />
</label>
<label for="new-password">
Create a New Password:
<input type="password" id="new-password" name="new-password" pattern="[a-z0-5]{8,}" required />
</label>
</fieldset>
<legend>Account type (required)</legend>
<label for="personal-account">
<input type="radio" id="personal-account" name="personal-account" value="personal-account" checked="true" required />
Personal
</label>
<label for="business-account">
<input type="radio" id="business-account" name="business-type" value="business-type" checked="false" />
Business
</label>
<label for="terms-and-conditions">
<input type="checkbox" id="terms-and-conditions" name="terms-and-conditions" value="terms-and-conditions" required />
I accept the<a href="https://www.freecodecamp.org/news/terms-of-service/" target="_blank">terms and conditions</a>
</label>
<label>
<input type="submit" value="Submit">
</label>
</form>
</body>
</html>
the submit button is still in a label element and it should not be
then, you have removed too many fieldsets, you have removed one that had content, and there should be an empty fieldset before the terms-and-conditions checkbox
you should really reset the step, it means less work
hi, okay, will reset the step, then copy that from the editor to my local copy of visual studio. then how to fix. once got that back. turn the submit into a button. or just leave it alone. so once gotten back, still the same error. so then how to fix. sorry, trying my best, but not passing and didd look at some one else code on a post just to see if i was doing anything wrong. so will go back and do that, so please advice.
marvin.,
hi. okay got it back to the way i had it before. put back in the fields ets. so have three fieldsets. but not liking it still, so pasting below. please help me out how to get it to work.
so pasting the code below.
so pasting below.
so stuck. and dont know why it is not passing. what stupid thing am i doing. or is it a bug with the vallidator or is it just my code. please help. and totally frustrated. trying for the past two to three hours to get this to work. totally confused.
marvin.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>Registration Form</title>
</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 type="text" id="first-name" name="first-name" required />
</label>
<label for="last-name">
Enter Your Last Name:
<input type="text" id="last-name" name="last-name" required />
</label>
<label for="email">
Enter Your Email:
<input type="email" id="email" name="email" required />
</label>
<label for="new-password">
Create a New Password:
<input type="password" id="new-password" name="new-password" pattern="[a-z0-5]{8,}" required />
</label>
</fieldset>
<fieldset>
<legend>Account type (required)</legend>
<label for="personal-account">
<input type="radio" id="personal-account" name="personal-account" value="personal-account" checked="true" required />
Personal
</label>
<label for="business-account">
<input type="radio" id="business-account" name="business-type" value="business-type" checked="false" />
Business
</label>
</fieldset>
<label for="terms-and-conditions">
<input type="checkbox" id="terms-and-conditions" name="terms-and-conditions" value="terms-and-conditions" required />
I accept the<a href="https://www.freecodecamp.org/news/terms-of-service/" target="_blank">terms and conditions</a>
</label>
<label>
<input type="submit" value="Submit">
</label>
</form>
</body>
</html>`. .[quote="BlindVisionMan, post:13, topic:751691"]
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>Registration Form</title>
</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 type="text" id="first-name" name="first-name" required />
</label>
<label for="last-name">
Enter Your Last Name:
<input type="text" id="last-name" name="last-name" required />
</label>
<label for="email">
Enter Your Email:
<input type="email" id="email" name="email" required />
</label>
<label for="new-password">
Create a New Password:
<input type="password" id="new-password" name="new-password" pattern="[a-z0-5]{8,}" required />
</label>
</fieldset>
<legend>Account type (required)</legend>
<label for="personal-account">
<input type="radio" id="personal-account" name="personal-account" value="personal-account" checked="true" required />
Personal
</label>
<label for="business-account">
<input type="radio" id="business-account" name="business-type" value="business-type" checked="false" />
Business
</label>
<label for="terms-and-conditions">
<input type="checkbox" id="terms-and-conditions" name="terms-and-conditions" value="terms-and-conditions" required />
I accept the<a href="https://www.freecodecamp.org/news/terms-of-service/" target="_blank">terms and conditions</a>
</label>
<label>
<input type="submit" value="Submit">
</label>
</form>
</body>
</html>
<!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 for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
<label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
</fieldset>
<fieldset></fieldset>
<label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /></label>
<input type="submit" value="Submit" />
</form>
</body>
</html>
hi, did reset the lesson, and heres the code. so how to fix this. unless you have a template that i need to then put in all the components. unless need to go back to all the steps before and then copy and paste.
what to do.
frustrated.
marvin.
ps: pasting below. thanks for trying to help me out. so should i then go back the last two or three steps, then paste the code which is in the editor. what to do. i know you cannot give me the solution. against the forum or free code camp i understand that. but totally stuck and dont know how to fix.
so here’s it is. what to do.
marvin.
ps: i wait your expert opinion, unless if you have a look at the steps if you are doing the challenge as well
<!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 for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
<label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
</fieldset>
<fieldset></fieldset>
<label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /></label>
<input type="submit" value="Submit" />
</form>
</body>
</html>
hi. you said not to change the submit with the label. so leaving that alone. so how to get this to pass.
trying my best. so will wait for you. what to do.
marvin.