Fill in quick type options on iOS devices
I have an input type address.
<form> E-mail: <input type="email" name="email"> </form> As soon as the user starts typing, I would like to give them the opportunity to use the most popular emails. Ex. @gmail.com ...
See the image below for more details.
How could something like this be realized and implemented? Is there any plugin or framework that helps me achieve these kinds of tasks?
Will HTML / CSS / JS be able to do this or just swift2?
QuickType is part of the built-in iOS keyboard, and there is no way to access and / or change it using JavaScript from a simple website. Unfortunately, you can’t even determine the height of the keyboard and position some fake QuickType buttons on the keyboard, because the keyboard is animated from bottom to top in the current application without resizing or moving anything.
I’m afraid that your only option is to add them as small buttons for the input, or maybe you can create something similar to the iOS copy / paste menu, which will become visible when the user starts to enter input and add the endings of electronic mail when pressed / touched.
I agree with @frzsombor, but I can think of another workaround. It takes a lot of code, so maybe it’s not worth it. In any case, what you can do is periodically take a screenshot and check one of the colors on the keyboard at a specific position, possibly #ACB3BB (the color of the back button). If it is, you can display another quick-type panel above the built-in one. The only problem is that an iOS update will change the look of the panel, but you can always update your website. Another possible way to detect a keyboard is here . I think you need jQuery for this, though ...