mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
fix(curriculum): adjust editable regions in workshop-registration-form (#65716)
This commit is contained in:
Kiruthika R
+8
-9
@@ -35,16 +35,15 @@ assert.equal(document.querySelector('body > h1')?.textContent, 'Registration For
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Registration Form</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Registration Form</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
--fcc-editable-region--
|
||||
<body>
|
||||
|
||||
</body>
|
||||
|
||||
--fcc-editable-region--
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
+9
-10
@@ -40,17 +40,16 @@ assert.equal(document.querySelector('p')?.innerText, 'Please fill out this form
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Registration Form</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Registration Form</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
--fcc-editable-region--
|
||||
<body>
|
||||
<h1>Registration Form</h1>
|
||||
|
||||
</body>
|
||||
<body>
|
||||
<h1>Registration Form</h1>
|
||||
|
||||
</body>
|
||||
--fcc-editable-region--
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
+9
-10
@@ -40,15 +40,15 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.height, '100vh');
|
||||
```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>
|
||||
</body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -57,4 +57,3 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.height, '100vh');
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
|
||||
+12
-12
@@ -30,24 +30,24 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.margin, '0px');
|
||||
```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>
|
||||
</body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
```css
|
||||
--fcc-editable-region--
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
+12
-12
@@ -42,25 +42,25 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.color, 'rgb(245,
|
||||
```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>
|
||||
</body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
```css
|
||||
--fcc-editable-region--
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
+10
-11
@@ -43,18 +43,18 @@ assert.match(code, /<\/form\>/);
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Registration Form</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<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--
|
||||
<body>
|
||||
<h1>Registration Form</h1>
|
||||
<p>Please fill out this form with the required information</p>
|
||||
|
||||
</body>
|
||||
|
||||
--fcc-editable-region--
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -67,4 +67,3 @@ body {
|
||||
color: #f5f6f7;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
+11
-12
@@ -36,20 +36,20 @@ assert.exists(document.querySelector('fieldset + fieldset + fieldset'));
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Registration Form</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<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--
|
||||
<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'>
|
||||
|
||||
</form>
|
||||
</body>
|
||||
--fcc-editable-region--
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -62,4 +62,3 @@ body {
|
||||
color: #f5f6f7;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
+16
-17
@@ -50,24 +50,24 @@ assert.lengthOf(document.querySelector('fieldset')?.innerHTML?.match(/<\/label>/
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<form method="post" action='https://register-demo.freecodecamp.org'>
|
||||
<fieldset>
|
||||
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
|
||||
--fcc-editable-region--
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -80,4 +80,3 @@ body {
|
||||
color: #f5f6f7;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
+19
-20
@@ -47,27 +47,27 @@ assert.match(document.querySelector('fieldset > label:nth-child(4)')?.innerHTML,
|
||||
```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'>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label></label>
|
||||
<label></label>
|
||||
<label></label>
|
||||
<label></label>
|
||||
</fieldset>
|
||||
<label></label>
|
||||
<label></label>
|
||||
<label></label>
|
||||
<label></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -80,4 +80,3 @@ body {
|
||||
color: #f5f6f7;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
+19
-20
@@ -40,25 +40,25 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('label')?.margin, '0.5rem
|
||||
```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>Enter Your First Name:</label>
|
||||
<label>Enter Your Last Name:</label>
|
||||
<label>Enter Your Email:</label>
|
||||
<label>Create a New Password:</label>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
<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>Enter Your First Name:</label>
|
||||
<label>Enter Your Last Name:</label>
|
||||
<label>Enter Your Email:</label>
|
||||
<label>Create a New Password:</label>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -75,4 +75,3 @@ body {
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
|
||||
+20
-21
@@ -58,27 +58,27 @@ assert.match(document.querySelectorAll('label')?.[3]?.innerHTML.trim(), query);
|
||||
```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'>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Enter Your First Name:</label>
|
||||
<label>Enter Your Last Name:</label>
|
||||
<label>Enter Your Email:</label>
|
||||
<label>Create a New Password:</label>
|
||||
</fieldset>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
<label>Enter Your First Name:</label>
|
||||
<label>Enter Your Last Name:</label>
|
||||
<label>Enter Your Email:</label>
|
||||
<label>Create a New Password:</label>
|
||||
--fcc-editable-region--
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -97,4 +97,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+19
-20
@@ -47,27 +47,27 @@ assert.equal(document.querySelectorAll('input')?.[3]?.type, 'password');
|
||||
```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'>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label for="first-name">Enter Your First Name: <input id="first-name" /></label>
|
||||
<label for="last-name">Enter Your Last Name: <input id="last-name" /></label>
|
||||
<label for="email">Enter Your Email: <input id="email" /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" /></label>
|
||||
</fieldset>
|
||||
<label for="first-name">Enter Your First Name: <input id="first-name" /></label>
|
||||
<label for="last-name">Enter Your Last Name: <input id="last-name" /></label>
|
||||
<label for="email">Enter Your Email: <input id="email" /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" /></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -86,4 +86,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+20
-21
@@ -38,28 +38,28 @@ assert.exists(document.querySelector('fieldset + input[value="Submit"]'));
|
||||
```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'>
|
||||
<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" /></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--
|
||||
<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>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -78,4 +78,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+20
-21
@@ -52,28 +52,28 @@ assert.isFalse(document.querySelector('input[type="submit"]')?.required);
|
||||
```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'>
|
||||
<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>
|
||||
--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>
|
||||
<input type="submit" value="Submit" />
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -92,4 +92,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+20
-21
@@ -32,28 +32,28 @@ assert.equal(document.querySelector('input[type="password"]')?.minLength, 8);
|
||||
```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'>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<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" required /></label>
|
||||
</fieldset>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" type="password" required /></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -72,4 +72,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+20
-21
@@ -40,28 +40,28 @@ assert.equal(document.querySelector('input[type="password"]')?.minLength, -1);
|
||||
```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'>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<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" minlength="8" required /></label>
|
||||
</fieldset>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" type="password" minlength="8" required /></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -80,4 +80,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+22
-23
@@ -32,30 +32,30 @@ assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('la
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
|
||||
</fieldset>
|
||||
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -74,4 +74,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+23
-24
@@ -39,31 +39,31 @@ assert.lengthOf(document.querySelectorAll('fieldset:nth-child(2) input[type="rad
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label></label>
|
||||
<label></label>
|
||||
</fieldset>
|
||||
<label></label>
|
||||
<label></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -82,4 +82,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+23
-24
@@ -47,31 +47,31 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)'
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<label><input type="radio" /></label>
|
||||
<label><input type="radio" /></label>
|
||||
<label><input type="radio" /></label>
|
||||
<label><input type="radio" /></label>
|
||||
--fcc-editable-region--
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -90,4 +90,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+23
-24
@@ -32,31 +32,31 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) in
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label><input type="radio" /> Personal</label>
|
||||
<label><input type="radio" /> Business</label>
|
||||
</fieldset>
|
||||
<label><input type="radio" /> Personal</label>
|
||||
<label><input type="radio" /> Business</label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -75,4 +75,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+24
-25
@@ -44,32 +44,32 @@ assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]'
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
|
||||
<label><input type="radio" name="account-type" value="personal" /> Personal</label>
|
||||
<label><input type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label><input type="radio" name="account-type" value="personal" /> Personal</label>
|
||||
<label><input type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -88,4 +88,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+26
-26
@@ -48,33 +48,34 @@ assert.include(document.querySelector('fieldset:nth-child(3) + a + label')?.text
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
--fcc-editable-region--
|
||||
<label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /></label>
|
||||
|
||||
--fcc-editable-region--
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /></label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -93,4 +94,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+31
-32
@@ -38,39 +38,39 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
|
||||
</fieldset>
|
||||
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -89,4 +89,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+32
-33
@@ -52,40 +52,40 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
|
||||
</fieldset>
|
||||
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -104,4 +104,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+33
-34
@@ -32,41 +32,41 @@ assert.lengthOf(document.querySelectorAll('fieldset:nth-child(3) > select > opti
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
|
||||
</fieldset>
|
||||
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -85,4 +85,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+41
-40
@@ -42,47 +42,49 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<select>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
</select>
|
||||
</fieldset>
|
||||
|
||||
<select>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
</select>
|
||||
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -101,4 +103,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+40
-41
@@ -56,49 +56,49 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
<option></option>
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -117,4 +117,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+40
-41
@@ -50,49 +50,49 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
|
||||
```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" value="personal" checked/> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<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" value="personal" checked/> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
<option>(select one)</option>
|
||||
<option>freeCodeCamp News</option>
|
||||
<option>freeCodeCamp YouTube Channel</option>
|
||||
<option>freeCodeCamp Forum</option>
|
||||
<option>Other</option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
<option>(select one)</option>
|
||||
<option>freeCodeCamp News</option>
|
||||
<option>freeCodeCamp YouTube Channel</option>
|
||||
<option>freeCodeCamp Forum</option>
|
||||
<option>Other</option>
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -111,4 +111,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -44,50 +44,50 @@ assert.match(code, /<textarea\s*>[\s\S]*<\/textarea\s*>/);
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -106,4 +106,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+45
-46
@@ -32,52 +32,52 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio"></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
--fcc-editable-region--
|
||||
<textarea id="bio"></textarea>
|
||||
--fcc-editable-region--
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -96,4 +96,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+45
-46
@@ -32,52 +32,52 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" rows="3" cols="30"></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
--fcc-editable-region--
|
||||
<textarea id="bio" rows="3" cols="30"></textarea>
|
||||
--fcc-editable-region--
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -96,4 +96,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+44
-45
@@ -92,52 +92,52 @@ You should not give any of the `fieldset` elements a `name` attribute.
|
||||
```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'>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file"/></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id ="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file"/></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
--fcc-editable-region--
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id ="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
--fcc-editable-region--
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -156,4 +156,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+3
-4
@@ -86,16 +86,16 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
|
||||
```
|
||||
|
||||
```css
|
||||
--fcc-editable-region--
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
background-color: #1b1b32;
|
||||
color: #f5f6f7;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
@@ -103,4 +103,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -36,50 +36,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -104,4 +104,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -48,50 +48,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -121,4 +121,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -42,50 +42,50 @@ assert.equal(fieldset?.paddingRight, '0px');
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -122,4 +122,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-46
@@ -24,50 +24,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -94,12 +94,13 @@ form {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
fieldset {
|
||||
border: none;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
@@ -107,4 +108,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -63,50 +63,50 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -153,4 +153,3 @@ label {
|
||||
--fcc-editable-region--
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -32,52 +32,52 @@ assert.isTrue(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.cla
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
|
||||
</fieldset>
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<legend>Account type (required)</legend>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<legend>Account type (required)</legend>
|
||||
<label for="personal-account"><input id="personal-account" type="radio" name="account-type" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<label for="personal-account"><input id="personal-account" type="radio" name="account-type" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -127,4 +127,3 @@ select {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -30,50 +30,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -127,4 +127,3 @@ select {
|
||||
--fcc-editable-region--
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -42,50 +42,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -134,12 +134,11 @@ select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.inline {
|
||||
width: unset;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -26,50 +26,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -118,13 +118,12 @@ select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.inline {
|
||||
width: unset;
|
||||
margin: 0 0.5em 0 0;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -41,50 +41,50 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -144,4 +144,3 @@ select {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -34,50 +34,50 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -126,13 +126,13 @@ select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
input, textarea {
|
||||
background-color: #0a0a23;
|
||||
border: 1px solid #0a0a23;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: unset;
|
||||
@@ -141,4 +141,3 @@ input, textarea {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-46
@@ -38,55 +38,54 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
```css
|
||||
--fcc-editable-region--
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
@@ -129,6 +128,8 @@ textarea,
|
||||
select {
|
||||
margin: 10px 0 0 0;
|
||||
width: 100%;
|
||||
--fcc-editable-region--
|
||||
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
@@ -136,6 +137,7 @@ input, textarea {
|
||||
border: 1px solid #0a0a23;
|
||||
color: #ffffff;
|
||||
min-height: 2em;
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
.inline {
|
||||
@@ -143,7 +145,5 @@ input, textarea {
|
||||
margin: 0 0.5em 0 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -44,50 +44,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -154,4 +154,3 @@ input, textarea {
|
||||
--fcc-editable-region--
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -33,50 +33,50 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -138,13 +138,12 @@ input, textarea {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
input[type="submit"] {
|
||||
display: block;
|
||||
width: 60%;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -30,50 +30,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -135,14 +135,13 @@ input, textarea {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
input[type="submit"] {
|
||||
display: block;
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -30,50 +30,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -135,16 +135,15 @@ input, textarea {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
input[type="submit"] {
|
||||
display: block;
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
height: 2em;
|
||||
font-size: 1.1rem;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -33,50 +33,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -138,7 +138,6 @@ input, textarea {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
input[type="submit"] {
|
||||
display: block;
|
||||
width: 60%;
|
||||
@@ -147,9 +146,9 @@ input[type="submit"] {
|
||||
font-size: 1.1rem;
|
||||
background-color: #3b3b4f;
|
||||
border-color: white;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -32,50 +32,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -153,4 +153,3 @@ input[type="submit"] {
|
||||
--fcc-editable-region--
|
||||
|
||||
```
|
||||
|
||||
|
||||
+46
-47
@@ -30,50 +30,50 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -93,15 +93,15 @@ h1, p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
form {
|
||||
width: 60vw;
|
||||
max-width: 500px;
|
||||
min-width: 300px;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: none;
|
||||
@@ -154,4 +154,3 @@ input[type="file"] {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+45
-50
@@ -25,52 +25,52 @@ assert.isTrue(document.querySelector('fieldset:nth-child(3) + a + label > input'
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
--fcc-editable-region--
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
--fcc-editable-region--
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
--fcc-editable-region--
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -148,9 +148,4 @@ input[type="file"] {
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -41,50 +41,50 @@ assert.oneOf(borderBottom, ['none', 'medium none', 'medium']);
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -127,4 +127,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+19
-20
@@ -68,27 +68,27 @@ assert.isTrue(document.querySelectorAll('label')?.[3]?.matches('label[for="new-p
|
||||
```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'>
|
||||
<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>
|
||||
--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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<fieldset></fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -107,4 +107,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+25
-26
@@ -58,33 +58,33 @@ assert.isTrue(document.querySelector('fieldset:nth-child(3) + label')?.matches('
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -103,4 +103,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+44
-45
@@ -68,52 +68,52 @@ assert.isTrue(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.m
|
||||
```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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<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" value="personal" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>Provide a bio:
|
||||
<textarea></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
--fcc-editable-region--
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<label>Upload a profile picture: <input type="file" /></label>
|
||||
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
|
||||
<label>How did you hear about us?
|
||||
<select>
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label>Provide a bio:
|
||||
<textarea></textarea>
|
||||
</label>
|
||||
--fcc-editable-region--
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -132,4 +132,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+11
-12
@@ -40,18 +40,18 @@ assert.match(document.querySelector('form')?.getAttribute('method'), /^post$/i);
|
||||
```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>
|
||||
<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--
|
||||
</body>
|
||||
<form action='https://register-demo.freecodecamp.org'></form>
|
||||
--fcc-editable-region--
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -64,4 +64,3 @@ body {
|
||||
color: #f5f6f7;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
+24
-25
@@ -45,32 +45,32 @@ assert.isTrue(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.m
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<legend>Account type (required)</legend>
|
||||
<label><input type="radio" name="account-type" value="personal" checked /> Personal</label>
|
||||
<label><input type="radio" name="account-type" value="business" /> Business</label>
|
||||
</fieldset>
|
||||
<label><input type="radio" name="account-type" value="personal" checked /> Personal</label>
|
||||
<label><input type="radio" name="account-type" value="business" /> Business</label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -89,4 +89,3 @@ label {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+43
-44
@@ -28,50 +28,50 @@ assert.equal(window.getComputedStyle(linkElement)?.color, 'rgb(223, 223, 226)');
|
||||
```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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input class="inline" name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
<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" 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>
|
||||
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
|
||||
<label for="new-password">Create a New Password: <input id="new-password" name="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" value="personal" class="inline" checked /> Personal</label>
|
||||
<label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" class="inline" /> Business</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
|
||||
<label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
|
||||
<label for="referrer">How did you hear about us?
|
||||
<select id="referrer" name="referrer">
|
||||
<option value="">(select one)</option>
|
||||
<option value="1">freeCodeCamp News</option>
|
||||
<option value="2">freeCodeCamp YouTube Channel</option>
|
||||
<option value="3">freeCodeCamp Forum</option>
|
||||
<option value="4">Other</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
<label for="bio">Provide a bio:
|
||||
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
|
||||
</label>
|
||||
</fieldset>
|
||||
<a href="https://www.freecodecamp.org/news/terms-of-service">Read our terms and conditions</a>
|
||||
<label for="terms-and-conditions">
|
||||
<input class="inline" name="terms" id="terms-and-conditions" type="checkbox" required />
|
||||
I accept the terms and conditions
|
||||
</label>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
@@ -286,4 +286,3 @@ a {
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
|
||||
+23
-23
@@ -32,31 +32,31 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) in
|
||||
```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>
|
||||
<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>
|
||||
--fcc-editable-region--
|
||||
<fieldset>
|
||||
<label><input type="radio" name="account-type" /> Personal</label>
|
||||
<label><input type="radio" name="account-type" /> Business</label>
|
||||
</fieldset>
|
||||
<label><input type="radio" name="account-type" /> Personal</label>
|
||||
<label><input type="radio" name="account-type" /> Business</label>
|
||||
--fcc-editable-region--
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</fieldset>
|
||||
<fieldset></fieldset>
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user