Бродячая открывающий тег label.HTML проверки

Question

Я пытался проверить код и получить следующее сообщение об ошибке:

Stray start tag label.

Во всех 3 этикетке.

КОД HTML:

<div class="col-md-3 target-col desc-marketing" > 
    <label >Targeted Lists</label> 
    <div class="select-style" id="targeted-list"> 
    <select class="form-control"> 
     <option id="sendToAll" value="1"> 
     <label for="sendToAll">Send To All Patients</label>   </option> 
     <option id="sendToAllLeads" value="2">↩ 
     <label for="sendToAllProspect">Send To All Prospects</label> 
          </option> 

     <option id="sendToAllLeads2" value="3"> 
     <label for="sendToAllLeads">Send To All Leads</label> 
     </option> 

    </select> 
    </div> 
    <span id="or">OR</span> 
</div> 

Происхождение этой ошибки и как я могу решить это?

Спасибо заранее!

Answer 1

Вы не можете иметь ярлыки внутри тега <option>. Поместите <label> тег вне:

<label for="sendTo">Targeted Lists</label> 
<div class="select-style" id="targeted-list"> 
    <select class="form-control" id="sendTo"> 
     <option id="sendToAll" value="1">Send To All Patients</option> 
     <option id="sendToAllLeads" value="2">Send To All Prospects</option> 
     <option id="sendToAllLeads2" value="3">Send To All Leads</option> 
    </select> 
</div> 

Если вы хотите, чтобы настроить внешний вид вашего лейбла, используйте класс по выбору, вот и все.