Tab between elements

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?

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!

2 Likes

You can also set tab indexing in the Identity Inspector.

1 Like

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.

1 Like