# How to create splitted number input with copy/paste option

**URL:** <https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551>\
**Category:** How do I?\
**Tags:** design\
**Created:** [July 4, 2024, 9:47pm UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551 "2024-07-04T21:47:53Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Post date:** [July 4, 2024, 9:47pm UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/1 "2024-07-04T21:47:53Z")

</div>

Hi there,

I want to create a 2FA code input with splitted number inputs boxes

Is it possible to create something like below in Weweb with the option to copy paste a 5 digit code in any of the boxes, filling in the character in correct order?

 ![1000029351](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/7b9948b9f77875a5bc0682317208201c2c283354.png)

---

<div class="post-metadata">

**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Post date:** [July 4, 2024, 9:57pm UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/2 "2024-07-04T21:57:37Z")

</div>

Found something I will try first.

> [@Question about "secure code - 4" Weweb element](https://community.weweb.io/t/question-about-secure-code-4-weweb-element/3676):
>
> Hello there, I have a 4-digit secure code that users need to enter to verify their email. When I use the “secure code” element in Weweb and attempt to type in the second digit, it does not populate into the second box and so on (like it how it would normally be). I have to click on the second box, enter the second digit, click on the third box, enter the third digit, and so on. How do I get this to happen, where if I type the second digit, it goes to the second box directly, and so o…

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [July 5, 2024, 6:00am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/3 "2024-07-05T06:00:21Z")

</div>

Hello, there is a pre-made component in the Add panel you can use.

---

<div class="post-metadata">

**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Post date:** [July 5, 2024, 7:05am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/4 "2024-07-05T07:05:21Z")

</div>

@Broberto Thanks. Which one? I can’t find it. I tried to look for the “secure code” component, but it seems not to be present.

---

<div class="post-metadata">

**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Post date:** [July 8, 2024, 7:17am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/5 "2024-07-08T07:17:14Z")

</div>

Hi @luka am I wrong or is the secure input element not available anymore?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [July 11, 2024, 8:59am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/6 "2024-07-11T08:59:49Z")

</div>

Will check with the team.

---

<div class="post-metadata">

**Author:** ![andrii\_r](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@andrii\_r](https://community.weweb.io/u/andrii_r)\
**Post date:** [July 19, 2024, 4:34pm UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/7 "2024-07-19T16:34:00Z")

</div>

Any updates? I lost that component too 😭

---

<div class="post-metadata">

**Author:** ![weweb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/weweb/32/9174_2.png) [@weweb](https://community.weweb.io/u/weweb)\
**Post date:** [July 24, 2024, 10:03am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/8 "2024-07-24T10:03:48Z")

</div>

@luka @Joyce @jptrinh an update on this. I just checked and it seems that this input has disappeared! It’s even gone from a previous project I used this in.

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [July 24, 2024, 11:17am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/9 "2024-07-24T11:17:58Z")

</div>

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/89ff05a274d2e373d87f4ac7e8dc37d583706532.png)  
I just added it back into the Add panel as ‘Code’ under Inputs. Can you check if this is the element you are looking for?

---

<div class="post-metadata">

**Author:** ![weweb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/weweb/32/9174_2.png) [@weweb](https://community.weweb.io/u/weweb)\
**Post date:** [July 24, 2024, 11:51am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/11 "2024-07-24T11:51:36Z")

</div>

Not yet. Reloaded the editor twice but can’t find it.

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [July 24, 2024, 11:58am UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/12 "2024-07-24T11:58:32Z")

</div>

My bad. It’s there now.

---

<div class="post-metadata">

**Author:** ![weweb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/weweb/32/9174_2.png) [@weweb](https://community.weweb.io/u/weweb)\
**Post date:** [July 24, 2024, 12:00pm UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/13 "2024-07-24T12:00:30Z")

</div>

Can see it. Thank you!

---

<div class="post-metadata">

**Author:** ![andrii\_r](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@andrii\_r](https://community.weweb.io/u/andrii_r)\
**Post date:** [July 25, 2024, 12:28pm UTC](https://community.weweb.io/t/how-to-create-splitted-number-input-with-copy-paste-option/9551/14 "2024-07-25T12:28:20Z")

</div>

Thank you!!! Now even pasting into all cells works
