# How does this work?

**URL:** <https://forum.freecodecamp.org/t/how-does-this-work/81864>\
**Category:** General\
**Created:** [January 30, 2017, 12:28am UTC](https://forum.freecodecamp.org/t/how-does-this-work/81864 "2017-01-30T00:28:29Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![codejsp](https://avatars.discourse-cdn.com/v4/letter/c/e47c2d/32.png) [@codejsp](https://forum.freecodecamp.org/u/codejsp)\
**Post date:** [January 30, 2017, 12:28am UTC](https://forum.freecodecamp.org/t/how-does-this-work/81864/1 "2017-01-30T00:28:29Z")

</div>

Saw this on the project example. The `/>` part.

```auto
<input type="email" id="email" placeholder="placeholder text"/>
<input type="submit" id="submit" class="btn"></input>

```

Does this work if the same tags are together?

---

<div class="post-metadata">

**Author:** ![EgoDominusVos](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/egodominusvos/32/34387_2.png) [@EgoDominusVos](https://forum.freecodecamp.org/u/EgoDominusVos)\
**Post date:** [January 30, 2017, 12:51am UTC](https://forum.freecodecamp.org/t/how-does-this-work/81864/2 "2017-01-30T00:51:20Z")

</div>

not sure need the REST OF THE CODE, BUT, I think -

This is terminated and not going to do much I think:

> [@codejsp](#):
>
> \<input type=“email” id=“email” placeholder=“placeholder text”/\>

this will put a blank button on the page with “submit” available for calls

> [@codejsp](#):
>
> \<input type=“submit” id=“submit” class=“btn”\>\</input\>

---

<div class="post-metadata">

**Author:** ![codejsp](https://avatars.discourse-cdn.com/v4/letter/c/e47c2d/32.png) [@codejsp](https://forum.freecodecamp.org/u/codejsp)\
**Post date:** [January 30, 2017, 1:04am UTC](https://forum.freecodecamp.org/t/how-does-this-work/81864/3 "2017-01-30T01:04:23Z")

</div>

Ah sorry here it is [http://codepen.io/freeCodeCamp/pen/RKRbwL](http://codepen.io/freeCodeCamp/pen/RKRbwL) at the hero part.

---

<div class="post-metadata">

**Author:** ![EgoDominusVos](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/egodominusvos/32/34387_2.png) [@EgoDominusVos](https://forum.freecodecamp.org/u/EgoDominusVos)\
**Post date:** [January 30, 2017, 3:33am UTC](https://forum.freecodecamp.org/t/how-does-this-work/81864/4 "2017-01-30T03:33:43Z")

</div>

okay, now that we have some context, it makes more sense -  
it’s part of the form tags so it will function if there’s an email server and the appropriate code to process/validate the form. It looks like there’s no scripting to process this, so it is not functional at the moment.

Check here [http://www.w3schools.com/html/html\_form\_input\_types.asp](http://www.w3schools.com/html/html_form_input_types.asp) for more info on forms and scripting needed.

```auto
  <form id="form" action="https://www.freecodecamp.com/email-submit">
    <input name="email" id="email" type="email" placeholder="Enter your email address" required/>
    <input id="submit" type="submit" value="Get Started" class="btn"></input>
  </form>

```

---

<div class="post-metadata">

**Author:** ![EgoDominusVos](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/egodominusvos/32/34387_2.png) [@EgoDominusVos](https://forum.freecodecamp.org/u/EgoDominusVos)\
**Post date:** [January 30, 2017, 3:37am UTC](https://forum.freecodecamp.org/t/how-does-this-work/81864/5 "2017-01-30T03:37:33Z")

</div>

BTW, my console shows a BOATLOAD of errors when that loads -

```auto
[Warning] Invalid CSS property declaration at: * (www-embed-player-vfl_GjYBW.css, line 1)
[Warning] Invalid CSS property declaration at: * (www-embed-player-vfl_GjYBW.css, line 1)
[Error] Blocked a frame with origin "https://www.youtube-nocookie.com" from accessing a frame with origin "http://s.codepen.io". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

	AE (base.js:2099)
	(anonymous function) (base.js:5499:749)
	Global Code (base.js:7383:232)
[Warning] mocha not loaded yet (console_runner-5710c30fb566082d9fcb6e7d97ee7e3f2a326128c9f334a4231b6fd752b29965.js, line 1)
[Error] XMLHttpRequest cannot load https://googleads.g.doubleclick.net/pagead/id. Origin https://www.youtube-nocookie.com is not allowed by Access-Control-Allow-Origin. (x3)
[Error] Refused to display 'https://www.freecodecamp.com/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

```

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 5:12pm UTC](https://forum.freecodecamp.org/t/how-does-this-work/81864/7 "2021-01-16T17:12:06Z")

</div>

Closed on January 16, 2021, 5:12pm UTC