fix(curriculum): add lesson to registration form practice project for adding method attribute (#48208)

* fix: added step to add method attribute to form

* added additional test case

* added description to clarify steps

* updated text as per review comments
This commit is contained in:
Rohit Patel
2022-11-01 04:07:25 +05:30
committed by GitHub
parent aff567f4bf
commit be840dee58
53 changed files with 273 additions and 205 deletions

View File

@@ -55,208 +55,212 @@
"Step 11"
],
[
"60f5cb8875ab6a0610f05071",
"63541ef4f96cd82e8e6c788a",
"Step 12"
],
[
"60f5d2776c854e069560fbe6",
"60f5cb8875ab6a0610f05071",
"Step 13"
],
[
"60f5dc35c07ac1078f140916",
"60f5d2776c854e069560fbe6",
"Step 14"
],
[
"60f803d5241e6a0433a523a1",
"60f5dc35c07ac1078f140916",
"Step 15"
],
[
"60f805f813eaf2049bc2ceea",
"60f803d5241e6a0433a523a1",
"Step 16"
],
[
"62ff8b9dab5ac88e4d3d43a3",
"60f805f813eaf2049bc2ceea",
"Step 17"
],
[
"60f80e0081e0f2052ae5b505",
"62ff8b9dab5ac88e4d3d43a3",
"Step 18"
],
[
"60f81167d0d4910809f88945",
"60f80e0081e0f2052ae5b505",
"Step 19"
],
[
"60f81616cff80508badf9ad5",
"60f81167d0d4910809f88945",
"Step 20"
],
[
"60f83e7bfc09900959f41e20",
"60f81616cff80508badf9ad5",
"Step 21"
],
[
"60f84ec41116b209c280ba91",
"60f83e7bfc09900959f41e20",
"Step 22"
],
[
"60f852f645b5310a8264f555",
"60f84ec41116b209c280ba91",
"Step 23"
],
[
"60f85a62fb30c80bcea0cedb",
"60f852f645b5310a8264f555",
"Step 24"
],
[
"60f8604682407e0d017bbf7f",
"60f85a62fb30c80bcea0cedb",
"Step 25"
],
[
"60f8618d191b940d62038513",
"60f8604682407e0d017bbf7f",
"Step 26"
],
[
"60fab4a123ce4b04526b082b",
"60f8618d191b940d62038513",
"Step 27"
],
[
"62ff8e998d3e7eae14d6ae3b",
"60fab4a123ce4b04526b082b",
"Step 28"
],
[
"60fab8367d35de04e5cb7929",
"62ff8e998d3e7eae14d6ae3b",
"Step 29"
],
[
"60fab9f17fa294054b74228c",
"60fab8367d35de04e5cb7929",
"Step 30"
],
[
"60fabf0dd4959805dbae09e6",
"60fab9f17fa294054b74228c",
"Step 31"
],
[
"60fac4095512d3066053d73c",
"60fabf0dd4959805dbae09e6",
"Step 32"
],
[
"60fac56271087806def55b33",
"60fac4095512d3066053d73c",
"Step 33"
],
[
"60fac8d7fdfaee0796934f20",
"60fac56271087806def55b33",
"Step 34"
],
[
"60faca286cb48b07f6482970",
"60fac8d7fdfaee0796934f20",
"Step 35"
],
[
"60facde2d0dc61085b41063f",
"60faca286cb48b07f6482970",
"Step 36"
],
[
"62ff919a7b5612c0670923a5",
"60facde2d0dc61085b41063f",
"Step 37"
],
[
"60facf914c7b9b08d7510c2c",
"62ff919a7b5612c0670923a5",
"Step 38"
],
[
"60fad0a812d9890938524f50",
"60facf914c7b9b08d7510c2c",
"Step 39"
],
[
"60fad1cafcde010995e15306",
"60fad0a812d9890938524f50",
"Step 40"
],
[
"60fad6dfcc0d930a59becf12",
"60fad1cafcde010995e15306",
"Step 41"
],
[
"60fad8e6148f310bba7890b1",
"60fad6dfcc0d930a59becf12",
"Step 42"
],
[
"60fad99e09f9d30c1657e790",
"60fad8e6148f310bba7890b1",
"Step 43"
],
[
"60fadb18058e950c73925279",
"60fad99e09f9d30c1657e790",
"Step 44"
],
[
"60fadce90f85c50d0bb0dd4f",
"60fadb18058e950c73925279",
"Step 45"
],
[
"62b30924c5e4ef0daba23b5e",
"60fadce90f85c50d0bb0dd4f",
"Step 46"
],
[
"60fadd972e6ffe0d6858fa2d",
"62b30924c5e4ef0daba23b5e",
"Step 47"
],
[
"60fadfa2b540b70dcfa8b771",
"60fadd972e6ffe0d6858fa2d",
"Step 48"
],
[
"60fc219d333e37046f474a6e",
"60fadfa2b540b70dcfa8b771",
"Step 49"
],
[
"60fc22d1e64d1b04cdd4e602",
"60fc219d333e37046f474a6e",
"Step 50"
],
[
"60fc236dc04532052926fdac",
"60fc22d1e64d1b04cdd4e602",
"Step 51"
],
[
"60ffe1bc30415f042faea936",
"60fc236dc04532052926fdac",
"Step 52"
],
[
"60ffe3936796ac04959285a9",
"60ffe1bc30415f042faea936",
"Step 53"
],
[
"60ffe4f4ec18cd04dc470c56",
"60ffe3936796ac04959285a9",
"Step 54"
],
[
"60ffe69ee377c6055e192a46",
"60ffe4f4ec18cd04dc470c56",
"Step 55"
],
[
"60ffe7d8aae62c05bcc9e7eb",
"60ffe69ee377c6055e192a46",
"Step 56"
],
[
"60ffe8a5ceb0e90618db06d9",
"60ffe7d8aae62c05bcc9e7eb",
"Step 57"
],
[
"60ffe947a868ec068f7850f6",
"60ffe8a5ceb0e90618db06d9",
"Step 58"
],
[
"60ffe9cb47809106eda2f2c9",
"60ffe947a868ec068f7850f6",
"Step 59"
],
[
"60ffec2825da1007509ddd06",
"60ffe9cb47809106eda2f2c9",
"Step 60"
],
[
"60ffecefac971607ae73c60f",
"60ffec2825da1007509ddd06",
"Step 61"
],
[
"60ffefd6479a3d084fb77cbc",
"60ffecefac971607ae73c60f",
"Step 62"
],
[
"60ffefd6479a3d084fb77cbc",
"Step 63"
]
]
}

View File

@@ -1,8 +1,8 @@
---
id: 60f5cb8875ab6a0610f05071
title: Step 12
title: Step 13
challengeType: 0
dashedName: step-12
dashedName: step-13
---
# --description--
@@ -45,7 +45,7 @@ assert.exists(document.querySelector('fieldset + fieldset + fieldset'));
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
</form>
</body>

View File

@@ -1,8 +1,8 @@
---
id: 60f5d2776c854e069560fbe6
title: Step 13
title: Step 14
challengeType: 0
dashedName: step-13
dashedName: step-14
---
# --description--
@@ -39,7 +39,7 @@ assert.equal(document.querySelector('fieldset')?.querySelectorAll('label')?.leng
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
--fcc-editable-region--
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<fieldset>
</fieldset>

View File

@@ -1,8 +1,8 @@
---
id: 60f5dc35c07ac1078f140916
title: Step 14
title: Step 15
challengeType: 0
dashedName: step-14
dashedName: step-15
---
# --description--
@@ -55,7 +55,7 @@ assert.match(document.querySelector('fieldset > label:nth-child(4)')?.innerHTML,
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
--fcc-editable-region--
<fieldset>
<label></label>

View File

@@ -1,8 +1,8 @@
---
id: 60f803d5241e6a0433a523a1
title: Step 15
title: Step 16
challengeType: 0
dashedName: step-15
dashedName: step-16
---
# --description--
@@ -45,7 +45,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('label')?.margin, '0.5rem
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<fieldset>
<label>Enter Your First Name:</label>
<label>Enter Your Last Name:</label>

View File

@@ -1,8 +1,8 @@
---
id: 60f805f813eaf2049bc2ceea
title: Step 16
title: Step 17
challengeType: 0
dashedName: step-16
dashedName: step-17
---
# --description--
@@ -62,7 +62,7 @@ assert.equal(document.querySelectorAll('label')?.[3]?.innerHTML.trim(), 'Create
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
--fcc-editable-region--
<fieldset>
<label>Enter Your First Name:</label>

View File

@@ -1,8 +1,8 @@
---
id: 60f80e0081e0f2052ae5b505
title: Step 18
title: Step 19
challengeType: 0
dashedName: step-18
dashedName: step-19
---
# --description--
@@ -55,7 +55,7 @@ assert.equal(document.querySelectorAll('input')?.[3]?.type, 'password');
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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" /></label>

View File

@@ -1,8 +1,8 @@
---
id: 60f81167d0d4910809f88945
title: Step 19
title: Step 20
challengeType: 0
dashedName: step-19
dashedName: step-20
---
# --description--
@@ -46,7 +46,7 @@ assert.exists(document.querySelector('fieldset + input[value="Submit"]'));
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60f81616cff80508badf9ad5
title: Step 20
title: Step 21
challengeType: 0
dashedName: step-20
dashedName: step-21
---
# --description--
@@ -60,7 +60,7 @@ assert.equal(document.querySelector('input[type="submit"]')?.required, false);
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60f83e7bfc09900959f41e20
title: Step 21
title: Step 22
challengeType: 0
dashedName: step-21
dashedName: step-22
---
# --description--
@@ -40,7 +40,7 @@ assert.equal(document.querySelector('input[type="password"]')?.minLength, 8);
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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" required /></label>

View File

@@ -1,8 +1,8 @@
---
id: 60f84ec41116b209c280ba91
title: Step 22
title: Step 23
challengeType: 0
dashedName: step-22
dashedName: step-23
---
# --description--
@@ -48,7 +48,7 @@ assert.equal(document.querySelector('input[type="password"]')?.minLength, -1);
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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" required /></label>

View File

@@ -1,8 +1,8 @@
---
id: 60f852f645b5310a8264f555
title: Step 23
title: Step 24
challengeType: 0
dashedName: step-23
dashedName: step-24
---
# --description--
@@ -40,7 +40,7 @@ assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('la
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60f85a62fb30c80bcea0cedb
title: Step 24
title: Step 25
challengeType: 0
dashedName: step-24
dashedName: step-25
---
# --description--
@@ -47,7 +47,7 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60f8604682407e0d017bbf7f
title: Step 25
title: Step 26
challengeType: 0
dashedName: step-25
dashedName: step-26
---
# --description--
@@ -44,7 +44,7 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60f8618d191b940d62038513
title: Step 26
title: Step 27
challengeType: 0
dashedName: step-26
dashedName: step-27
---
# --description--
@@ -68,7 +68,7 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)'
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fab4a123ce4b04526b082b
title: Step 27
title: Step 28
challengeType: 0
dashedName: step-27
dashedName: step-28
---
# --description--
@@ -46,7 +46,7 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3)
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fab8367d35de04e5cb7929
title: Step 29
title: Step 30
challengeType: 0
dashedName: step-29
dashedName: step-30
---
# --description--
@@ -48,7 +48,7 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fab9f17fa294054b74228c
title: Step 30
title: Step 31
challengeType: 0
dashedName: step-30
dashedName: step-31
---
# --description--
@@ -46,7 +46,7 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fabf0dd4959805dbae09e6
title: Step 31
title: Step 32
challengeType: 0
dashedName: step-31
dashedName: step-32
---
# --description--
@@ -60,7 +60,7 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fac4095512d3066053d73c
title: Step 32
title: Step 33
challengeType: 0
dashedName: step-32
dashedName: step-33
---
# --description--
@@ -40,7 +40,7 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fac56271087806def55b33
title: Step 33
title: Step 34
challengeType: 0
dashedName: step-33
dashedName: step-34
---
# --description--
@@ -50,7 +50,7 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fac8d7fdfaee0796934f20
title: Step 34
title: Step 35
challengeType: 0
dashedName: step-34
dashedName: step-35
---
# --description--
@@ -64,7 +64,7 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60faca286cb48b07f6482970
title: Step 35
title: Step 36
challengeType: 0
dashedName: step-35
dashedName: step-36
---
# --description--
@@ -58,7 +58,7 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60facde2d0dc61085b41063f
title: Step 36
title: Step 37
challengeType: 0
dashedName: step-36
dashedName: step-37
---
# --description--
@@ -52,7 +52,7 @@ assert.match(code, /<textarea\s*>[\s\S]*<\/textarea\s*>/);
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60facf914c7b9b08d7510c2c
title: Step 38
title: Step 39
challengeType: 0
dashedName: step-38
dashedName: step-39
---
# --description--
@@ -40,7 +40,7 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fad0a812d9890938524f50
title: Step 39
title: Step 40
challengeType: 0
dashedName: step-39
dashedName: step-40
---
# --description--
@@ -40,7 +40,7 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fad1cafcde010995e15306
title: Step 40
title: Step 41
challengeType: 0
dashedName: step-40
dashedName: step-41
---
# --description--
@@ -100,7 +100,7 @@ You should not give any of the `fieldset` elements a `name` attribute.
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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" name="first-name" type="text" required /></label>

View File

@@ -1,8 +1,8 @@
---
id: 60fad6dfcc0d930a59becf12
title: Step 41
title: Step 42
challengeType: 0
dashedName: step-41
dashedName: step-42
---
# --description--
@@ -46,7 +46,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fad8e6148f310bba7890b1
title: Step 42
title: Step 43
challengeType: 0
dashedName: step-42
dashedName: step-43
---
# --description--
@@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fad99e09f9d30c1657e790
title: Step 43
title: Step 44
challengeType: 0
dashedName: step-43
dashedName: step-44
---
# --description--
@@ -56,7 +56,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fadb18058e950c73925279
title: Step 44
title: Step 45
challengeType: 0
dashedName: step-44
dashedName: step-45
---
# --description--
@@ -50,7 +50,7 @@ assert.equal(fieldset?.paddingRight, '0px');
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fadce90f85c50d0bb0dd4f
title: Step 45
title: Step 46
challengeType: 0
dashedName: step-45
dashedName: step-46
---
# --description--
@@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fadd972e6ffe0d6858fa2d
title: Step 47
title: Step 48
challengeType: 0
dashedName: step-47
dashedName: step-48
---
# --description--
@@ -71,7 +71,7 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fadfa2b540b70dcfa8b771
title: Step 48
title: Step 49
challengeType: 0
dashedName: step-48
dashedName: step-49
---
# --description--
@@ -46,7 +46,7 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fc219d333e37046f474a6e
title: Step 49
title: Step 50
challengeType: 0
dashedName: step-49
dashedName: step-50
---
# --description--
@@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fc22d1e64d1b04cdd4e602
title: Step 50
title: Step 51
challengeType: 0
dashedName: step-50
dashedName: step-51
---
# --description--
@@ -50,7 +50,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60fc236dc04532052926fdac
title: Step 51
title: Step 52
challengeType: 0
dashedName: step-51
dashedName: step-52
---
# --description--
@@ -34,7 +34,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe1bc30415f042faea936
title: Step 52
title: Step 53
challengeType: 0
dashedName: step-52
dashedName: step-53
---
# --description--
@@ -49,7 +49,7 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe3936796ac04959285a9
title: Step 53
title: Step 54
challengeType: 0
dashedName: step-53
dashedName: step-54
---
# --description--
@@ -42,7 +42,7 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe4f4ec18cd04dc470c56
title: Step 54
title: Step 55
challengeType: 0
dashedName: step-54
dashedName: step-55
---
# --description--
@@ -46,7 +46,7 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe69ee377c6055e192a46
title: Step 55
title: Step 56
challengeType: 0
dashedName: step-55
dashedName: step-56
---
# --description--
@@ -52,7 +52,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe7d8aae62c05bcc9e7eb
title: Step 56
title: Step 57
challengeType: 0
dashedName: step-56
dashedName: step-57
---
# --description--
@@ -41,7 +41,7 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe8a5ceb0e90618db06d9
title: Step 57
title: Step 58
challengeType: 0
dashedName: step-57
dashedName: step-58
---
# --description--
@@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe947a868ec068f7850f6
title: Step 58
title: Step 59
challengeType: 0
dashedName: step-58
dashedName: step-59
---
# --description--
@@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffe9cb47809106eda2f2c9
title: Step 59
title: Step 60
challengeType: 0
dashedName: step-59
dashedName: step-60
---
# --description--
@@ -41,7 +41,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffec2825da1007509ddd06
title: Step 60
title: Step 61
challengeType: 0
dashedName: step-60
dashedName: step-61
---
# --description--
@@ -40,7 +40,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffecefac971607ae73c60f
title: Step 61
title: Step 62
challengeType: 0
dashedName: step-61
dashedName: step-62
---
# --description--
@@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 60ffefd6479a3d084fb77cbc
title: Step 62
title: Step 63
challengeType: 0
dashedName: step-62
dashedName: step-63
---
# --description--
@@ -40,7 +40,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>
@@ -169,7 +169,7 @@ input[type="file"] {
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<fieldset>
<label for="first-name">Enter Your First Name: <input id="first-name" type="text" name="first-name" required /></label>
<label for="last-name">Enter Your Last Name: <input id="last-name" type="text" name="last-name" required /></label>

View File

@@ -1,8 +1,8 @@
---
id: 62b30924c5e4ef0daba23b5e
title: Step 46
title: Step 47
challengeType: 0
dashedName: step-46
dashedName: step-47
---
# --description--
@@ -45,7 +45,7 @@ assert(borderBottom === 'none' || borderBottom === 'medium none');
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 62ff8b9dab5ac88e4d3d43a3
title: Step 17
title: Step 18
challengeType: 0
dashedName: step-17
dashedName: step-18
---
# --description--
@@ -76,7 +76,7 @@ assert(document.querySelectorAll('label')?.[3]?.matches('label[for="new-password
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<form method="post" action='https://register-demo.freecodecamp.org'>
--fcc-editable-region--
<fieldset>
<label>Enter Your First Name: <input /></label>

View File

@@ -1,8 +1,8 @@
---
id: 62ff8e998d3e7eae14d6ae3b
title: Step 28
title: Step 29
challengeType: 0
dashedName: step-28
dashedName: step-29
---
# --description--
@@ -64,7 +64,7 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches(
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -1,8 +1,8 @@
---
id: 62ff919a7b5612c0670923a5
title: Step 37
title: Step 38
challengeType: 0
dashedName: step-37
dashedName: step-38
---
# --description--
@@ -76,7 +76,7 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<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>

View File

@@ -0,0 +1,64 @@
---
id: 63541ef4f96cd82e8e6c788a
title: Step 12
challengeType: 0
dashedName: step-12
---
# --description--
The `method` attribute specifies how to send form-data to the URL specified in the `action` attribute. The form-data can be sent via a `GET` request as URL parameters (with `method="get"`) or via a `POST` request as data in the request body (with `method="post"`).
Set the `method` attribute to send your form data via a `POST` request.
# --hints--
You shouldn't add a new `form` element.
```js
assert.equal(document.querySelectorAll('form').length, 1 )
```
Your `form` element should have a `method` attribute.
```js
assert.exists(document.querySelector('form')?.getAttribute('method'));
```
Your `method` attribute should be set to `post`.
```js
assert.equal(document.querySelector('form')?.getAttribute('method'), 'post');
```
# --seed--
## --seed-contents--
```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>
--fcc-editable-region--
<form action='https://register-demo.freecodecamp.org'></form>
--fcc-editable-region--
</body>
</html>
```
```css
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
}
```