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>
2.1 KiB
2.1 KiB
id, title, challengeType, dashedName
| id | title | challengeType | dashedName |
|---|---|---|---|
| 60f80e0081e0f2052ae5b505 | Part 16 | 0 | part-16 |
--description--
Specifying the type attribute of a form element is important for the browser to know what kind of data it should expect. If the type is not specified, the browser will default to text.
Give the first two input elements a type attribute of text, the third a type attribute of email, and the fourth a type attribute of password.
The email type only allows emails with a @ and a . in the domain.
The password type obscures the input, and warns if the site does not use HTTPS.
--hints--
You should give the first input element a type attribute of text.
assert.equal(document.querySelector('input')?.type, 'text');
You should give the second input element a type attribute of text.
assert.equal(document.querySelectorAll('input')?.[1]?.type, 'text');
You should give the third input element a type attribute of email.
assert.equal(document.querySelectorAll('input')?.[2]?.type, 'email');
You should give the fourth input element a type attribute of password.
assert.equal(document.querySelectorAll('input')?.[3]?.type, 'password');
--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 /></label>
<label>Enter Your Last Name: <input /></label>
<label>Enter Your Email: <input /></label>
<label>Create a New Password: <input /></label>
</fieldset>
--fcc-editable-region--
<fieldset></fieldset>
<fieldset></fieldset>
</form>
</body>
</html>
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
}
label {
display: block;
margin: 0.5rem 0;
}