javascript - 在 UL 标签之外输入文本，可以吗？

Question

我正在学习framework7，我想知道是否可以在UL标记之外创建一个input type="text"。在下面的代码中，CSS 未在我的文本字段上呈现。请参阅代码注释。

这是fiddle .

<!-- 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

如果将输入放在列表之外，您将丢失分隔线，但可以添加所需的类:

<!-- 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>

这里:https://jsfiddle.net/k5gd7Lww/10/