元素輸入不允許作爲元素ul在這個階段的子元素

Question

幫助!!!!!!我該如何解決這部分我的圖像滑塊？ 所以它可以通過驗證

它告訴我元素輸入不允許在此上下文中作爲元素ul的子元素。 （抑制來自該子樹的更多錯誤。）

來自驗證程序的錯誤： 第186行，第62列：元素輸入不允許作爲此上下文中元素ul的子元素。 （抑制來自該子樹的進一步錯誤。） 可以使用元素輸入的上下文： 其中預期有措辭內容。 元素ul的內容模型： 零個或多個li和腳本支持元素。 錯誤行197，列55：在此上下文中元素輸入不允許作爲元素ul的子元素。 （抑制來自該子樹的進一步錯誤。） 可以使用元素輸入的上下文： 其中預期有措辭內容。 元素ul的內容模型： 零個或多個li和腳本支持元素。 錯誤行208，列54：在此上下文中元素輸入不允許作爲元素ul的子元素。 （抑制來自該子樹的進一步錯誤。） 可以使用元素輸入的上下文： 其中預期有措辭內容。 元素ul的內容模型： 零個或多個li和腳本支持元素。 錯誤行219，第54列：在此上下文中元素輸入不允許作爲元素ul的子元素。 （抑制來自該子樹的進一步錯誤。） 可以使用元素輸入的上下文： 其中預期有措辭內容。 元素ul的內容模型： 零個或多個li和腳本支持元素。 錯誤行230，第54列：在此上下文中元素輸入不允許作爲元素ul的子元素。 （抑制來自該子樹的進一步錯誤。） 可以使用元素輸入的上下文： 其中預期有措辭內容。 元素ul的內容模型： 零個或多個li和腳本支持元素。 錯誤行241，列54：元素輸入不允許作爲此上下文中元素ul的子元素。 （抑制來自該子樹的進一步錯誤。） 可以使用元素輸入的上下文： 其中預期有措辭內容。 元素ul的內容模型： 零個或多個li和腳本支持元素。

<article> 
     <div> 
     <ul class="slides"> 
      <input type="radio" name="radio-btn" id="img-1" checked /> 
      <li class="slide-container"> 
       <div class="slide"> 
        <img src="\images\google-fonts.jpg" alt="image" /> 
       </div> 
       <div class="nav"> 
        <label for="img-6" class="prev">&#x2039;</label> 
        <label for="img-2" class="next">&#x203a;</label> 
       </div> 
      </li> 

      <input type="radio" name="radio-btn" id="img-2" /> 
      <li class="slide-container"> 
       <div class="slide"> 
        <img src="\images\Step1.jpg" alt="image" /> 
       </div> 
       <div class="nav"> 
        <label for="img-1" class="prev">&#x2039;</label> 
        <label for="img-3" class="next">&#x203a;</label> 
       </div> 
      </li> 

      <input type="radio" name="radio-btn" id="img-3" /> 
      <li class="slide-container"> 
       <div class="slide"> 
        <img src="\images\Step2.jpg" alt="image" /> 
       </div> 
       <div class="nav"> 
        <label for="img-2" class="prev">&#x2039;</label> 
        <label for="img-4" class="next">&#x203a;</label> 
       </div> 
      </li> 

      <input type="radio" name="radio-btn" id="img-4" /> 
      <li class="slide-container"> 
       <div class="slide"> 
        <img src="\images\Step3.jpg" alt="image" /> 
       </div> 
       <div class="nav"> 
        <label for="img-3" class="prev">&#x2039;</label> 
        <label for="img-5" class="next">&#x203a;</label> 
       </div> 
      </li> 

      <input type="radio" name="radio-btn" id="img-5" /> 
      <li class="slide-container"> 
       <div class="slide"> 
        <img src="\images\Step4.jpg" alt="image" /> 
       </div> 
       <div class="nav"> 
        <label for="img-4" class="prev">&#x2039;</label> 
        <label for="img-6" class="next">&#x203a;</label> 
       </div> 
      </li> 

      <input type="radio" name="radio-btn" id="img-6" /> 
      <li class="slide-container"> 
       <div class="slide"> 
        <img src="\images\step5.jpg" alt="image" /> 
       </div> 
       <div class="nav"> 
        <label for="img-5" class="prev">&#x2039;</label> 
        <label for="img-1" class="next">&#x203a;</label> 
       </div> 
      </li> 

      <li class="nav-dots"> 
       <label for="img-1" class="nav-dot" id="img-dot-1"></label> 
       <label for="img-2" class="nav-dot" id="img-dot-2"></label> 
       <label for="img-3" class="nav-dot" id="img-dot-3"></label> 
       <label for="img-4" class="nav-dot" id="img-dot-4"></label> 
       <label for="img-5" class="nav-dot" id="img-dot-5"></label> 
       <label for="img-6" class="nav-dot" id="img-dot-6"></label> 
      </li> 
     </ul> 
     </div> 
    </article> 

Answer 1

你必須把input的li內（這可能會改變頁面的外觀）。

 <li class="slide-container"> 
      <input type="radio" name="radio-btn" id="img-1" checked /> 
      <div class="slide"> 
       <img src="\images\google-fonts.jpg" alt="image" /> 
      </div> 
      <div class="nav"> 
       <label for="img-6" class="prev">&#x2039;</label> 
       <label for="img-2" class="next">&#x203a;</label> 
      </div> 
     </li>