From the course: JavaScript: Web Form Programming

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Implementing shortcut key navigation

Implementing shortcut key navigation

From the course: JavaScript: Web Form Programming

Start my 1-month free trial Buy for my team

Implementing shortcut key navigation

“

- Now that we've seen how to enhance the visual responsiveness of our form, let's take a look at how we can further improve the way that users can interact with it. In this example, we're going to add the ability to select form fields using keyboard shortcuts, and this is beneficial, not just for power users who prefer to use the keyboard over the mouse, but also for people who need to use assistive technologies or have problems using pointing devices like track pads, or the mouse. So you can see I've opened the shortcut_start file here, and let's see how this works. So we're going to collapse that down. So, first let's take a look at this file in the browser and here in vs code I'll do that with my live server, and again you can do this however you test out your HTML files but I'm going to bring this up in my live server here. You can see here that this is just a collection of form elements and we're going to use these…

Contents