Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Web App input type=tel

Avatar

Level 2

Hey,

 

I am currently trying to set up a landing page where one of the inputs is a telephone number.

 

<input name="phonenumber" title="Confirm your Phone Number:" class="textInput defaultText" id="control_PHONENUMBER" style="border-radius: 6px; margin: 0 3px 5px 0px;" oninput="updatePhoneNumber(this.value)" type="tel" placeholder="555-555-5555" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" label="phonenumber" />

 

I have saved this code a few times, and when I reopen, the type is changed to text. Any suggestions on how to get it to get for a phone number?

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hello @bryceh57660644 ,

After Making changes to your input form from the source tab of page activity. DONT navigate to editor tab. This will convert the type='tel' to type='text'. 

So whenever you are opening the activity. Navigate immediately to source tab. DONT let the editor tab load.

This will fix the issue. Sharing the screen of how it is appearing for me by following this approach

manojk62306941_0-1591164621302.png

 

Let me know if that helps

 




View solution in original post

0 Replies

Avatar

Correct answer by
Community Advisor

Hello @bryceh57660644 ,

After Making changes to your input form from the source tab of page activity. DONT navigate to editor tab. This will convert the type='tel' to type='text'. 

So whenever you are opening the activity. Navigate immediately to source tab. DONT let the editor tab load.

This will fix the issue. Sharing the screen of how it is appearing for me by following this approach

manojk62306941_0-1591164621302.png

 

Let me know if that helps