使用表單上的按鈕而不提交

Question

我創建了一個表單，我需要在其中使用這兩個標簽。 我的問題是每次用戶點擊它時，都會提交表單。 我按如下方式使用了 onclick="return false"，但值未在 url 查詢中發送。

                <div class="btn-group d-flex justify-content-center col-11 mx-auto" role="group">
                <button type="radio"  onclick="return false" name="type" value="rent" class="btn btn-lg btn-light pr-4 pl-4" id="left">YES</button>                       
                <button type="radio"  onclick="return false" name="type" value="sale" class="btn btn-lg btn-light pr-4 pl-4" id="right">NO</button>
            </div>
            <div class="col-11 mx-auto">
                <button class="btn btn-block btn-danger">Submite</button>
            </div>

Answer 1

<按鈕類型=“收音機”

單選按鈕是input元素，而不是button元素。 它們也是不能有子元素的空/無效元素，因此請改用label元素。

 <input type="radio" name="type" value="rent" class="btn btn-lg btn-light pr-4 pl-4" id="left"> <label for "left">Yes</label>

請注意，屏幕閱讀器軟件傾向於逐個字母地讀取全部大寫的內容。 以正常句子大小寫，並使用 CSS text-transform屬性以大寫形式顯示。

Answer 2

 <input type="radio" name="type" value="yes" class="btn btn-lg btn-light pr-4 pl-4" id="left"> <label for "left">Yes</label>

該按鈕不包含 value 屬性以顯示單選類型輸入字段使用輸入類型字段。