Materialise的單選按鈕不起作用

Question

我試圖讓使用物化框架內的指數單選按鈕標籤，但他們沒有在頁面加載：

<ul class="tabs"> 
 
    <li class="tab "> 
 
    <a href="#requerimentos"> 
 
     <p> 
 
     <label for="green">GREEN</label> 
 
     <input class="with-gap" name="group1" type="radio" id="green" /> 
 
     </p> 
 
    </a> 
 
    </li> 
 
    <li class="tab "> 
 
    <a class="active" href="#indicacoes"> 
 
     <p> 
 
     <label for="red">RED</label> 
 
     <input class="with-gap" name="group1" type="radio" id="red" /> 
 
     </p> 
 
    </a> 
 
    </li> 
 
    <li class="tab "> 
 
    <a href="#leis"> 
 
     <p> 
 
     <label for="black">BLACK</label> 
 

 
     <input class="with-gap" name="group1" type="radio" id="black" /> 
 
     </p> 
 
    </a> 
 
    </li> 
 
</ul> 
 
<div id="requerimentos" class="col s12"> 
 
    <p>Tab 1</p> 
 
</div> 
 
<div id="indicacoes" class="col s12"> 
 
    Tab 2 
 
</div> 
 
<div id="leis" class="col s12"> 
 
    Tab 3 
 
</div>

爲什麼單選按鈕不出現在標籤內？ tks

Answer 1

對不起，我不明白你問了什麼。你想要一個選項卡內的單選按鈕？或者你想單選按鈕作爲標籤標題？

如果你想有一個選項卡內的單選按鈕，這是工作：

<ul class="tabs"> 
    <li class="tab "> 
     <a href="#requerimentos">Green</a> 
    </li> 
    <li class="tab "> 
     <a class="active" href="#indicacoes">red</a> 
    </li> 
    <li class="tab "> 
     <a href="#leis">black</a> 
    </li> 
</ul> 
<div id="requerimentos" class="col s12"> 
    <p>Tab 1</p> 
    <form action="#"> 
    <p> 
     <input name="group1" type="radio" id="test1" /> 
     <label for="test1">Red</label> 
    </p> 
    <p> 
     <input name="group1" type="radio" id="test2" /> 
     <label for="test2">Yellow</label> 
    </p> 
    <p> 
     <input class="with-gap" name="group1" type="radio" id="test3" /> 
     <label for="test3">Green</label> 
    </p> 
     <p> 
     <input name="group1" type="radio" id="test4" disabled="disabled" /> 
     <label for="test4">Brown</label> 
    </p> 
    </form> 
</div> 
<div id="indicacoes" class="col s12"> 
    Tab 2 
</div> 
<div id="leis" class="col s12"> 
    Tab 3 
</div>