El atributo `tabindex` también especifica el orden de tabulación exacto de los elementos. Esto se logra cuando el valor del atributo se establece en un número positivo de 1 o superior.
Establecer un `tabindex="1"` hará que el teclado se enfoque primero en ese elemento. Luego, recorre la secuencia de valores `tabindex` especificados (2, 3, etc.), antes de pasar a los elementos predeterminados y `tabindex="0"`.
Es importante tener en cuenta que cuando el orden de tabulación se establece de esta manera, anula el orden predeterminado (que usa el código fuente HTML). Esto puede confundir a los usuarios que esperan comenzar la navegación desde la parte superior de la página. Esta técnica puede ser necesaria en algunas circunstancias pero en términos de accesibilidad, ten cuidado antes de aplicarla.
Camper Cat tiene un campo de búsqueda en su página de Citas Inspiradoras que planea colocar en la esquina superior derecha con CSS. Él quiere que los controles de formulario de búsqueda `input` y envío `input` sean los dos primeros elementos en el orden de tabulación. Agrega un atributo `tabindex` establecido en `1` al `search``input`, y un atributo `tabindex` establecido en `2` al `submit``input`.
# --hints--
Tu código debe agregar un atributo `tabindex` a la etiqueta `search``input`.
```js
assert($('#search').attr('tabindex'));
```
Tu código debe agregar un atributo `tabindex` a la etiqueta `submit``input`.
```js
assert($('#submit').attr('tabindex'));
```
Tu código debe establecer el atributo `tabindex` en la etiqueta `search``input` a un valor de 1.
```js
assert($('#search').attr('tabindex') == '1');
```
Tu código debe establecer el atributo `tabindex` en la etiqueta `submit``input` a un valor de 2.
```js
assert($('#submit').attr('tabindex') == '2');
```
# --seed--
## --seed-contents--
```html
<body>
<header>
<h1>Even Deeper Thoughts with Master Camper Cat</h1>