From the course: JavaScript: Web Form Programming
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Implementing shortcut key navigation
From the course: JavaScript: Web Form Programming
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.