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>