Почему не отображаются radio button

Question

Я пробую сделать маленький прототип из radio buttons. На месте инициалов (Роман) будут приходить данные из backend и с помощью radiobutton я буду выбирать их.

Проблема в том, что radio button у меня вообще не отображается на странице. Скажите, в чем проблема, почему они вообще не видны?

<main class="similar_candidates">

  <label>
    <input type="radio" name="first_user_of_similar's_user">
    Roman Dyshko
  </label>

  <label>
    <input type="radio" name="second_user_of_similar's_user">
    Roman Dyshko
  </label>

</main>

Answer 1

Очевидно, у Вас что-то со стилями (возможно, для radiobutton где-то прописано display: none). Потому что если просто вставить Вашу разметку в сниппет, то всё отображается.

И, кстати, у всех radiobutton одной группы должно быть одинаковое имя. У Вас сейчас имена разные, поэтому корректно работать это не будет (по сути получаются checkbox с множественным выбором).

<main class="similar_candidates">

  <label>
    <input type="radio" name="first_user_of_similar's_user">
    Roman Dyshko
  </label>

  <label>
    <input type="radio" name="second_user_of_similar's_user">
    Roman Dyshko
  </label>

</main>

БЛОГ НА HUSL

Почему не отображаются radio button

Ответы (1 шт):