# Format number from an "input" field

**URL:** https://community.weweb.io/t/format-number-from-an-input-field/8087
**Category:** How do I?
**Created:** [April 12, 2024, 10:42am UTC](https://community.weweb.io/t/format-number-from-an-input-field/8087 "2024-04-12T10:42:17Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![MrUnfreeze](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@MrUnfreeze](https://community.weweb.io/u/MrUnfreeze)
#### Post date: [April 12, 2024, 10:42am UTC](https://community.weweb.io/t/format-number-from-an-input-field/8087/1 "2024-04-12T10:42:17Z")

</div>

Hello,

I have a multi-step form in which I included input fields. Many of these input fields have a number format. When the user inputs a number, I’d like it to be formatted properly, e.g. 11111 becomes 11’111. Has someone already face this challenge?  
Thank you  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3f82debaa1989a627882f4448304c96729c7d00f.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/37519754285020332a537d27e5ca5d5208f43763.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/b004026acdad9011905768e6be6acf67fce0614e.png)

---

<div class="post-metadata">

### Author: ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [April 12, 2024, 8:25pm UTC](https://community.weweb.io/t/format-number-from-an-input-field/8087/2 "2024-04-12T20:25:48Z")

</div>

Hi @MrUnfreeze 👋

Yes, it’s a limitation we have on the number input at the moment. The team is working on an update to change that 🙂

If you need the proper formatting urgently for a live app, you can play around with conditional rendering:

- render a `Number` element by default
- have a workflow to render an `Input` element when user clicks on the `Number` element
- have a workflow on change to revert back to the `Number` element once the user has finished typing in a number in the input

More complex than we’d like but it’ll do the trick in the meantime.

---

<div class="post-metadata">

### Author: ![MrUnfreeze](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@MrUnfreeze](https://community.weweb.io/u/MrUnfreeze)
#### Post date: [April 15, 2024, 9:39am UTC](https://community.weweb.io/t/format-number-from-an-input-field/8087/3 "2024-04-15T09:39:24Z")

</div>

Hi Joyce,

Many thanks. It’s not urgent, so I will wait for the update. Do you have an approximate release date? (and out of curiosity, is there a repository where I can see what Weweb works on? )

---

<div class="post-metadata">

### Author: ![GeovanyFerreira](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/geovanyferreira/32/13093_2.png) [@GeovanyFerreira](https://community.weweb.io/u/GeovanyFerreira)
#### Post date: [April 15, 2024, 11:25am UTC](https://community.weweb.io/t/format-number-from-an-input-field/8087/4 "2024-04-15T11:25:38Z")

</div>

hi @Joyce,  
This has been a big challenge for members of the community in which I participate, for currency formatting, we do it with JS in some cases but it only works when typing, if the input has a value added previously the code doesn’t work, a input with the resources of the number element.  
Congratulations on the great work you are doing

---

<div class="post-metadata">

### Author: ![MrUnfreeze](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@MrUnfreeze](https://community.weweb.io/u/MrUnfreeze)
#### Post date: [June 6, 2024, 11:28am UTC](https://community.weweb.io/t/format-number-from-an-input-field/8087/5 "2024-06-06T11:28:09Z")

</div>

> [@Joyce](#):
>
> - have a workflow to render an `Input` element when user clicks on the `Number` element

Hi Joyce,

Has the update been implemented?  
Thank you !

---

<div class="post-metadata">

### Author: ![flo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/flo/32/13260_2.png) [@flo](https://community.weweb.io/u/flo)
#### Post date: [July 22, 2024, 2:02pm UTC](https://community.weweb.io/t/format-number-from-an-input-field/8087/6 "2024-07-22T14:02:36Z")

</div>

Hi @MrUnfreeze,

You may be interested in the masked input element. You can find it here

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0695bd384974610aabced4736cd41b09f1786f50.png)

Then you can define any pattern you want in the settings

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1326635e26a3182a0be30b879e50c12e522893e2.png)

Like something like this

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e5c5f82c5ef3c5a002f943d3ea6237117c4b5530.png)

Tell me if that works for you.