gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
73d104d78ffcc6dea00d69d0ac75d88d5b8b2016
freeCodeCamp/guide/english/certifications/responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements/index.md
Randell Dawson 1494a50123 fix(guide): restructure curriculum guide articles (#36501) 
* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions
2019-07-24 13:29:27 +05:30

802 B
Raw Blame History

title
title
Use tabindex to Specify the Order of Keyboard Focus for Several Elements

Use tabindex to Specify the Order of Keyboard Focus for Several Elements

Solution 1 (Click to Show/Hide)

Following the instructions:

Add a tabindex attribute set to "1" to the search input, and a tabindex attribute set to "2" to the submit input.

the lines 16 and 17

    <input tabindex="1" type="search" name="search" id="search">
    <input tabindex="2" type="submit" name="submit" value="Submit" id="submit">

become:

    <input type="search" name="search" id="search">
    <input type="submit" name="submit" value="Submit" id="submit">

In this way the search input and submit input form controls to be the first two items in the tab order.