2021-10-14 23:33:13 +01:00
---
id: 60f5c3e399ff1a05629964e4
2021-10-21 10:07:52 -07:00
title: Step 10
2021-10-14 23:33:13 +01:00
challengeType: 0
2021-10-21 10:07:52 -07:00
dashedName: step-10
2021-10-14 23:33:13 +01:00
---
# --description--
2022-01-20 17:18:07 +09:00
As suggested by the title, you are creating a form. So, after the `p` element, insert a `form` with an `action` attribute targeting `https://fcc-registration-form.com` .
2021-10-14 23:33:13 +01:00
# --hints--
You should add a `form` element adjacent the `p` element.
```js
assert.exists(document.querySelector('p + form'));
```
You should give the `form` an `action` attribute.
```js
// Default action points to window location
assert.notEqual(document.querySelector('form')?.action, window?.location?.href);
```
You should give the `action` a value of `https://fcc-registration-form.com` .
```js
// TODO: Do we need to use an in-house (domain) URL - just-in-case
assert.equal(document.querySelector('form')?.action, 'https://fcc-registration-form.com/');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
< html >
< head >
2022-03-14 15:54:43 +00:00
< title > Registration Form< / title >
2021-10-14 23:33:13 +01:00
< link rel = "stylesheet" type = "text/css" href = "styles.css" / >
< / head >
--fcc-editable-region--
< body >
< h1 > Registration Form< / h1 >
< p > Please fill out this form with the required information< / p >
< / body >
--fcc-editable-region--
< / html >
```
```css
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32 ;
color: #f5f6f7 ;
}
```
