curriculum/challenges/english/blocks/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md
The first input element with a type of submit is automatically set to submit its nearest parent form element.
To handle the form submission, after the last fieldset element add an input element with the type attribute set to submit and the value attribute set to Submit.
You should add the input element after the last fieldset element.
assert.exists(document.querySelectorAll('fieldset')?.[2]?.nextElementSibling?.tagName, 'input');
You should give the input element a type attribute of submit.
assert.exists(document.querySelector('fieldset + input[type="submit"]'));
You should give the input element a value attribute of Submit.
assert.exists(document.querySelector('fieldset + input[value="Submit"]'));
<!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'>
--fcc-editable-region--
<fieldset>
<label for="first-name">Enter Your First Name: <input id="first-name" type="text" /></label>
<label for="last-name">Enter Your Last Name: <input id="last-name" type="text" /></label>
<label for="email">Enter Your Email: <input id="email" type="email" /></label>
<label for="new-password">Create a New Password: <input id="new-password" type="password" /></label>
</fieldset>
<fieldset></fieldset>
<fieldset></fieldset>
--fcc-editable-region--
</form>
</body>
</html>
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
}
label {
display: block;
margin: 0.5rem 0;
}