使用任何其他元素作爲複選框的標籤

是否有可能使用任何其他HTML元素作爲複選框的標籤。我想設置引導程序list-group-item，其功能與我複選框的標籤相同。使用任何其他元素作爲複選框的標籤

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<body> 
 

 
    <ul class="list-group"> 
 
    <li class="list-group-item"> 
 
     <div class="checkbox"> 
 
     <label style="width: 100%;"> 
 
       <input type="checkbox" id="cb.1.0" value="1.0">Answer 
 
      </label> 
 
     </div> 
 
    </li> 
 
    </ul> 
 

 
</body>

我最理想的解決方法是設置標籤寬度爲100％，但我想一定有更好的工作解決了這個簡單的問題

來源

2017-04-17 pnzz7

只要貼上標籤，就可以對任何外觀進行樣式設計，如果您希望將文本「答覆」設爲無標籤可點擊，您將需要javascript。 – Stickers

你試圖解決什麼更高水平的問題？ – charlietfl

我認爲沒有打破語義唯一的選擇是簡化和組合一點點：

<ul class="list-group"> 
 
    <li class="list-group-item"> 
 
    <label class="checkbox" style="width: 100%;"> 
 
     <input type="checkbox" id="cb.1.0" value="1.0">Answer 
 
    </label> 
 
    </li> 
 
</ul>

但就是這樣。您不能使用另一個元素作爲標籤，並且使用標籤而不是li而不是語義標籤。

來源

2017-04-17 17:46:22

你不需要在你的標籤元素中有輸入元素，你可以給你的複選框一個id，並給該標籤一個屬性for="checkbox-id"。然後標籤可以在你想要的樹中的任何地方。

來源

2017-04-17 17:48:17 ChemicalRocketeer

我知道，但引導程序'list-group-item'不能用標籤包裝，所以這對於這個問題 – pnzz7

不是可行的，你不需要用標籤包裝它，你可以把分別標記在標記的其他地方，'for'屬性將它連接到輸入元素。 – ChemicalRocketeer

使用任何其他元素作爲複選框的標籤

回答

相關問題