@drtvader
Вечный студент

Как сделать tabindex на radiobutton?

Привет! Каким образом можно сделать tabindex для радио?

Вот верстка:
<div class="b-rating">
                  <div class="b-rating__group"><input class="b-rating__input" type="radio" id="radio5" name="rating" value="5">
                    <label class="b-rating__star" for="radio5" tabindex="5">
                    </label><input class="b-rating__input" type="radio" id="radio4" name="rating" value="4">
                    <label class="b-rating__star" for="radio4" tabindex="4">
                    </label><input class="b-rating__input" type="radio" id="radio3" name="rating" value="3">
                    <label class="b-rating__star" for="radio3" tabindex="3">
                    </label><input class="b-rating__input" type="radio" id="radio2" name="rating" value="2">
                    <label class="b-rating__star" for="radio2" tabindex="2">
                    </label><input class="b-rating__input" type="radio" id="radio1" name="rating" value="1">
                    <label class="b-rating__star" for="radio1" tabindex="1">
                    </label>
                  </div>
                </div>


На label не выходит, на сами input тоже никак.
Какие еще способы есть? Видел статью в которой для div задается роль радиобаттона, но верен ли такой способ?
Js остается?
  • Вопрос задан
  • 44 просмотра
Решения вопроса 1
Что вы подразумеваете под сделать «tabindex»? Чтобы элемент фокусился при нажатии табом?

Радио и так фокусятся. Только если вы не скрыли его через display: none (так делать не стоит). Используйте visuallyhidden.
Добавление tabindex="5" делает лейбл фокусящимся. Если вы этого не видете — то скорее всего у вас просто отключены стили для фокуса. Но использовать в tabindex значение отличное от 0 \ -1 крайне не рекомендуется.

Собственно самое правильное решение — это скрывать сами радио через visuallyhidden. Остальное уже костыли.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.
Greencow Studio Москва
от 80 000 до 120 000 руб.