Tab between elements


#1

I’ve created a login page with two text inputs and a login button. How can I let the user use the tab key to move between the two text input fields and how can I set the enter key to trigger the ‘login’ button?


(Andrew) #2

You would need to add tabindex="0" to the element tag

<input id="login" type="text" tabindex="0" placeholder="Enter Email to Login" />
<input id="pass" type="password" tabindex="1" placeholder="Enter Password to Login" />

As an example!


(Greg) #3

You can also set tab indexing in the Identity Inspector.


(Andrew) #4

It is worth noting, the above will only index the elements you can drag onto the scene, and not the input elements you put inside.