# Inputmode Attribute For Web App **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** beginner\ **Created:** [July 23, 2024, 7:48pm UTC](https://community.thunkable.com/t/inputmode-attribute-for-web-app/3110834 "2024-07-23T19:48:36Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![eak41](https://avatars.discourse-cdn.com/v4/letter/e/b4bc9f/32.png) [@eak41](https://community.thunkable.com/u/eak41)\ **Post date:** [July 23, 2024, 7:48pm UTC](https://community.thunkable.com/t/inputmode-attribute-for-web-app/3110834/1 "2024-07-23T19:48:36Z")
My requirements are very basic. I just hope that when I convert it to a web app and click on the input field, the numeric keyboard will appear. ![011](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/7/979adf0b5c71b742b27d02e0681b2e52f7e37a1c.jpeg) But my problem is The numeric keypad that I set in the app is not responding when it becomes a mobile web app. ![022](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/f/bf8b9bb7e1f3d1e5710419fd4cfc68c41a607d5b.jpeg) I am trying to fix this problem. In many ways Start from here ![Screenshot 2024-07-24 005714](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/b/5b367f62e6121979e6b62a5eb5e951fc9a4eb7c4.png) There are many areas that are not supported yet. ![01](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/e/6eb4707f81b799995685a8177887f4f00b0ebd49.jpeg) Also included are my problems as follows: Unable to change keyboard type And the text cannot be set to mini and max width. ![Screenshot 2024-07-24 011401](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/b/7bd1ac16faa17f3e26c5ee84b5377944a7bd018a.png) Unable to use the text selection function when focusing on the input. And cannot choose the color of Select ![Screenshot 2024-07-24 011506](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/8/b852266c12590effca22654c8375c54a9830fbea.png) In addition to the Advanced settings bar, trying to set it up in the blog also did not work. ![Screenshot 2024-07-24 004901](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/9/b9e7784aa2efc5590258b2025c6f39fe02f647d7.png) So I tried to find a new solution. My friends suggested to me that the reason why web apps don’t respond to the virtual keyboard on mobile is because they are running on the browser. Most of them use .Html to write. So I searched and found it on a website. The code is written in a simple way like this. ![Screenshot 2024-07-23 234538](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/f/7fd0d2c0ceefdad3441729f09b7d67dde59162a6.png) And when I tried to open the page in a mobile browser, it turned out that a numeric keyboard appeared. ![Screenshot_20240723-234911_Chrome](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9f3ecf040a4897ba53e089d014fbe2b40080dab3.jpeg) So I want to modify this code in thunkable. I converted the code into a URL from this website and wrote the code as follows. ![Screenshot 2024-07-23 235037](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/3/83b0a2c8c1c43d4a81f21a7afa901d156547a25a.png) I used JavaScript Web Bridge to import the code I converted and put the resulting URL as shown in the image. ![Screenshot 2024-07-24 004322](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/e/dea0c783b55df5bb0bfa66fc12f0f46d6f5a242d.png) When I go to the blog creation page How should I use this tool? Could you please answer me? It would be a great favor. ![Screenshot 2024-07-24 004630](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/0/30658cebdaebf5f8786bedf3659a3d90b3807d0a.png) ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [July 24, 2024, 2:30pm UTC](https://community.thunkable.com/t/inputmode-attribute-for-web-app/3110834/2 "2024-07-24T14:30:49Z")
Hello @eak41 Thank you for sharing all the details The issues with the keyboard have been reported to our team. If you need an immediate workaround, you could use HTML code. The HTML needs to contain the text input. I found an HTML code here: [HTML inputmode Attribute - GeeksforGeeks](https://www.geeksforgeeks.org/html-inputmode-attribute/) I tested it on this project and it worked: [Thunkable](https://x.thunkable.com/projects/66a0f9b50348ac28445dbac6/) ---
**Author:** ![eak41](https://avatars.discourse-cdn.com/v4/letter/e/b4bc9f/32.png) [@eak41](https://community.thunkable.com/u/eak41)\ **Post date:** [July 24, 2024, 5:13pm UTC](https://community.thunkable.com/t/inputmode-attribute-for-web-app/3110834/3 "2024-07-24T17:13:52Z")
thank you very much ---
**Author:** ![eak41](https://avatars.discourse-cdn.com/v4/letter/e/b4bc9f/32.png) [@eak41](https://community.thunkable.com/u/eak41)\ **Post date:** [July 24, 2024, 6:47pm UTC](https://community.thunkable.com/t/inputmode-attribute-for-web-app/3110834/4 "2024-07-24T18:47:02Z")
I have tested it. It works in the keyboard part. But for programming, it is very difficult. Because you have to write all the inputs, all the buttons and all the processes in the Html code. Then load it in part 1. And then show it in part 2. Which is very difficult for me because I can’t write application code like a computer engineer. Anyway, thanks for the advice. ![Screenshot 2024-07-25 013256](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/7/47d220885a3a270def305a3bffb6afea7c1e6612.png) ---
**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:** [October 22, 2024, 6:47pm UTC](https://community.thunkable.com/t/inputmode-attribute-for-web-app/3110834/5 "2024-10-22T18:47:07Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.