Невозможно выбрать радио варианты формы

Question

У меня есть HTML с 2 формами. Я хочу иметь возможность выбрать один из первых двух и один из следующих трех переключателей. Как мне этого добиться? Ниже приведен фрагмент html:

<form method="POST" action="/profiles/adminKaLogin/">
        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input" id="defaultInline1" name="inlineDefaultRadiosExample" value="1">
            <label class="custom-control-label" for="defaultInline1">Vendor 1</label>
        </div>

        <!-- Default inline 2-->
        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input" id="defaultInline2" name="inlineDefaultRadiosExample" value="2">
            <label class="custom-control-label" for="defaultInline2">Vendor 2</label>
        </div>

    <h3> Select time period</h3>

        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input" id="defaultInline1" name="inlineDefaultRadiosExample1" value="1m">
            <label class="custom-control-label" for="defaultInline1">1 Month</label>
        </div>  
        <!-- Default inline 2-->
        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input" id="defaultInline2" name="inlineDefaultRadiosExample1" value="2m">
            <label class="custom-control-label" for="defaultInline2">2 Months</label>
        </div>
        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input" id="defaultInline2" name="inlineDefaultRadiosExample1" value="6m">
            <label class="custom-control-label" for="defaultInline2">6 Months</label>
        </div>
        <button type="submit" class="btn btn-primary" name="form1">Submit</button>
    </form>

Обратите внимание, что эти кнопки должны быть в группах по 2 и 3, потому что я использую их по-разному в серверной части. Спасибо.

Answer 1

кажется, что вы дали одинаковые идентификаторы 1-й и 2-й меток и введены в 3/4 и 5-й метки и идентификаторы входов

Попробуйте дать уникальное соответствие для каждого "id" и "for"

Надеюсь, я смогу помочь

С этим он работает в моей среде с bootstrap.