Eingabe Text außerhalb UL-Tag, möglich?

Question

Ich lerne framework7 und ich frage mich, ob es möglich ist, ein input type="text" außerhalb UL Tag zu erstellen. Im folgenden Code wird das CSS nicht auf meinem Textfeld angezeigt. Bitte beachten Sie die Code-Kommentare.

Und hier ist die .

<!-- THIS WILL WORK --> 
<div class="list-block"> 
    <ul> 
    <li> 
     <div class="item-content"> 
     <div class="item-inner"> 
      <div class="item-input"> 
       <input type="text" name="name"> 
      </div> 
     </div> 
     </div> 
    </li> 
    </ul> 
</div> 

<!-- NOW, WHAT IF WE WON'T SHOW TEXTFIELD IN INSIDE UL? --> 
<!-- THE CSS WON'T WORK ANYMORE, IDK WHAT IS THE CORRECT CSS CLASS EITHER TO WRAP THE ELEMENT --> 
<div class="content-block"> 
    <input type="text" /> 
</div> 

Answer 1

Wenn Sie die Eingabe außerhalb der Liste setzen, sehen Sie die Trennlinien verlieren, aber es ist möglich, die erforderlichen Klassen ergänzt:

<!-- THIS WILL WORK --> 
<div class="list-block"> 
    <ul> 
    <li> 
     <div class="item-content"> 
     <div class="item-inner"> 
      <div class="item-input"> 
       <input type="text" name="name"> 
      </div> 
     </div> 
     </div> 
    </li> 
    </ul> 
</div> 

<!-- NOW, WHAT IF WE WON'T SHOW TEXTFIELD IN INSIDE UL? --> 
<div class="content-block list-block"> 
    <div class="item-input"> 
     <input type="text" value="text here" /> 
    </div> 
</div> 

hier: https://jsfiddle.net/k5gd7Lww/10/