4a605c5cd2
* feat(curriculum): add registration-form practice project * add parts 001-006 * add parts 007-009 * add parts 010-013 * add parts 014-024, fix 013 * add parts 025-043 * add parts 043-046 * add parts 0047-057 without tests * fix tests and adjust index.md file I do not understand * add css tests to parts 037-040 * add tests parts 040-057 * remove space around ERM * add true assertion until document iframe is fixed * add critical review suggestions Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * use clear, Tom-like language for 038 Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * change order to match author's age * apply suggestions with personal pazzaz * add that thing Nich forgets * use innerText Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>
1.8 KiB
1.8 KiB
id, title, challengeType, dashedName
| id | title | challengeType | dashedName |
|---|---|---|---|
| 60f81167d0d4910809f88945 | Part 17 | 0 | part-17 |
--description--
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.
--hints--
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"]'));
--seed--
--seed-contents--
<!DOCTYPE html>
<html>
<head>
<title>freeCodeCamp Registration Form Project</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://fcc-registration-form.com'>
--fcc-editable-region--
<fieldset>
<label>Enter Your First Name: <input type="text" /></label>
<label>Enter Your Last Name: <input type="text" /></label>
<label>Enter Your Email: <input type="email" /></label>
<label>Create a New Password: <input 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;
}