--- id: 587d7790367417b2b2512ab1 title: Use tabindex to Specify the Order of Keyboard Focus for Several Elements challengeType: 0 videoUrl: 'https://scrimba.com/c/cmzRRcb' localeTitle: Использование tabindex для указания порядка фокуса клавиатуры для нескольких элементов --- ## Description
tabindex атрибут также определяет точный порядок вкладок элементов. Это достигается, когда значение атрибута установлено как положительное число, равное 1 или выше. Установка tabindex = "1" сначала приведет фокусировку клавиатуры на этот элемент. Затем он перемещается по последовательности указанных значений tabindex (2, 3 и т.д.), прежде чем перейти к настройкам по умолчанию и tabindex = "0" элементам. Важно отметить, что когда порядок табуляции задан таким образом, он переопределяет порядок по умолчанию (который использует источник HTML). Это может смутить пользователей, которые ожидают начать навигацию в верхней части страницы. Этот метод может быть необходим в некоторых случаях, но с точки зрения доступности, будьте аккуратны с его применением. Вот пример: <div tabindex="1">Я получаю фокус клавиатуры, и я получаю его первым!</div> <div tabindex="2">Я получаю фокус клавиатуры, и я получаю его вторым!</div>
## Instructions
Camper Cat имеет поле поиска на странице Вдохновляющие цитаты, которое он планирует позиционировать в верхнем правом углу с помощью CSS. Он хочет ввести input и представить элементы управления формой input как первые два элемента в порядке табуляции. Добавьте атрибут tabindex, со значением «1» в поиск input и атрибут tabindex со значением «2», в отправляемый input.
## Tests
```yml tests: - text: 'Ваш код должен добавить к тегу input атрибут tabindex.' testString: 'assert($("#search").attr("tabindex"), "Your code should add a tabindex attribute to the search input tag.");' - text: 'Ваш код должен добавить атрибут tabindex в тег submit input.' testString: 'assert($("#submit").attr("tabindex"), "Your code should add a tabindex attribute to the submit input tag.");' - text: 'Ваш код должен установить атрибут tabindex в теге input для поиска <значение> к значению 1.' testString: 'assert($("#search").attr("tabindex") == "1", "Your code should set the tabindex attribute on the search input tag to a value of 1.");' - text: 'Ваш код должен установить атрибут tabindex в теге отправки input значение 2.' testString: 'assert($("#submit").attr("tabindex") == "2", "Your code should set the tabindex attribute on the submit input tag to a value of 2.");' ```
## Challenge Seed
```html

Even Deeper Thoughts with Master Camper Cat

Inspirational Quotes

“There's no Theory of Evolution, just a list of creatures I've allowed to live.”
- Chuck Norris

“Wise men say forgiveness is divine, but never pay full price for late pizza.”
- TMNT

```
## Solution
```js // solution required ```