# Getting rid of input boxes later on / "encrypting passwords"

**URL:** <https://discourse.processing.org/t/getting-rid-of-input-boxes-later-on-encrypting-passwords/11709>\
**Category:** Coding Questions\
**Created:** [May 30, 2019, 12:48pm UTC](https://discourse.processing.org/t/getting-rid-of-input-boxes-later-on-encrypting-passwords/11709 "2019-05-30T12:48:17Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![CodeTime](https://avatars.discourse-cdn.com/v4/letter/c/71e660/32.png) [@CodeTime](https://discourse.processing.org/u/CodeTime)\
**Post date:** [May 30, 2019, 12:48pm UTC](https://discourse.processing.org/t/getting-rid-of-input-boxes-later-on-encrypting-passwords/11709/1 "2019-05-30T12:48:17Z")

</div>

So I am trying to make a facebook imitation for practice. I was able to make the full front page, where you can sign up and log in and everything. My problem right now is that the input boxes do not disappear when you go to then next page or the logged in page. My thought of getting rid of them was to set up “stages” in the setup section where it would draw different stages depending on the actions (ex: sign up page is stage 0, news feed page is stage 1). However, it still seem to draw the input boxes in stage 0. Anyone mind helping with this? Also on a side note, is there any way to “encrypt” the input when typing into the password. Nothing fancy, just hide the input values as black circles as they are typed in or something.

I could post the code, but not sure which sections to post since everything is intertwined, so if you are ok with my current 255 lines of code, feel free to request if that helps you answer the question

---

<div class="post-metadata">

**Author:** ![quark](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/quark/32/26_2.png) [@quark](https://discourse.processing.org/u/quark)\
**Post date:** [May 30, 2019, 12:49pm UTC](https://discourse.processing.org/t/getting-rid-of-input-boxes-later-on-encrypting-passwords/11709/2 "2019-05-30T12:49:23Z")

</div>

Are you using a library like controlP5 or G4P for the input boxes?

---

<div class="post-metadata">

**Author:** ![CodeTime](https://avatars.discourse-cdn.com/v4/letter/c/71e660/32.png) [@CodeTime](https://discourse.processing.org/u/CodeTime)\
**Post date:** [May 30, 2019, 10:37pm UTC](https://discourse.processing.org/t/getting-rid-of-input-boxes-later-on-encrypting-passwords/11709/3 "2019-05-30T22:37:12Z")

</div>

Not exactly sure but this is an example

```auto
inputPasswordLogIn = createInput();
inputPasswordLogIn.position(500,25);
inputPasswordLogIn.size(100,15);

```

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 30, 2019, 10:53pm UTC](https://discourse.processing.org/t/getting-rid-of-input-boxes-later-on-encrypting-passwords/11709/4 "2019-05-30T22:53:30Z")

</div>

> [@CodeTime](#):
>
> My problem right now is that the input boxes do not disappear…

> **[reference | p5.js](https://p5js.org/reference/#/p5.Element/hide)**
>
> p5.js a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.

> **[reference | p5.js](https://p5js.org/reference/#/p5.Element/remove)**
>
> p5.js a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 31, 2019, 1:53pm UTC](https://discourse.processing.org/t/getting-rid-of-input-boxes-later-on-encrypting-passwords/11709/5 "2019-05-31T13:53:36Z")

</div>

> [@CodeTime](#):
>
> , is there any way to “encrypt” the input when typing into the password.

Pass `'password'` as 2nd argument for p5::**createInput()**: 🙈  
`const pass = createInput('', 'password');`

> **[reference | p5.js](https://p5js.org/reference/#/p5/createInput)**
>
> p5.js a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.