带表单的jQuery mobile List - 我的标记错了吗？包装问题

Question

我在填写表单时遇到问题。见example here

问题是标签没有换行，它们会扩展到控件

<div role="main" class="ui-content">
  <form action="form.php" method="post">
     <ul data-role="listview">
        <li data-role="fieldcontain">
            <label for="a">This is aa long text that does not wrap before it hits the control</label>
            <select name="a" id="a" data-mini="true">
                <option value="">-</option>
                <option value="a">a</option>
            </select>
       </li>
    </ul>
  </form>
</div>

我想我的标记错了，但我无法发现问题

感谢您的帮助

Larsi

Answer 1

是的，只需删除列表（<ul>）并将<li>替换为<div>个标记。

请参阅updated example。