# \[Solved\] How do I style the text input keyboard to be numeric?

**URL:** https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059
**Category:** Questions about Thunkable X
**Created:** [August 5, 2022, 3:10pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059 "2022-08-05T15:10:58Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![krish05](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/krish05/32/200523_2.png) [@krish05](https://community.thunkable.com/u/krish05)
#### Post date: [August 5, 2022, 3:10pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059/1 "2022-08-05T15:10:58Z")

</div>

Hey, guys, I have a query about one of my projects.

I’m trying to get a “numeric” `Text Input`. I know that on phone you can use the numeric keypad, but on computer I’m trying to prevent any letters going through moderation.

Please help as I’ve already tried viewing some videos. Did not help.

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [August 5, 2022, 3:14pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059/2 "2022-08-05T15:14:00Z")

</div>

Change the `Keyboard` to **numeric**

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/4/241997f7ba432c418a91d7f1c216d9c570057773.png)

---

<div class="post-metadata">

### Author: ![krish05](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/krish05/32/200523_2.png) [@krish05](https://community.thunkable.com/u/krish05)
#### Post date: [August 5, 2022, 9:16pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059/3 "2022-08-05T21:16:45Z")

</div>

Yes I have done that, but I want it to be numerical only on computer too. Even if I do `numeric` it still doesn’t help.

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [August 5, 2022, 10:17pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059/4 "2022-08-05T22:17:17Z")

</div>

Hey @krishnmbrthunker

Great question. What kind of app are you working on? Are you usually having your users use a web app/

This is not possible to limit the type of input provided when using a web app UNLESS you include validation. you can include a validation function and fire it every time there is a change thus being able to remove the ‘illegal’ characters.

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [August 6, 2022, 1:58pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059/5 "2022-08-06T13:58:56Z")

</div>

To simulate `Numeric` keyboard when using the app from the computer, use the following code

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/7/67b0f09ef6b334658265023b9037f7b4d52dbd73.png)

---

<div class="post-metadata">

### Author: ![krish05](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/krish05/32/200523_2.png) [@krish05](https://community.thunkable.com/u/krish05)
#### Post date: [August 7, 2022, 11:29pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059/6 "2022-08-07T23:29:22Z")

</div>

Thank you for the help. This really helped me with my app and is working just fine. I have made just a few tweaks to your suggestion. Thanks, @muneer!

 ![Screenshot 2022-08-07 192819](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/1/f144426f51dfc097e73f238ab2818b56a23f37d6.png)

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [November 5, 2022, 11:29pm UTC](https://community.thunkable.com/t/solved-how-do-i-style-the-text-input-keyboard-to-be-numeric/1989059/7 "2022-11-05T23:29:35Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.