jquery mobile - 链接元素中的表单元素

Question

我正在使用Jquery Mobile并尝试在JQM列表视图中删除表单。

HTML就像这样：

<ul data-role="listview" data-inset="true" class="logList inputList">
   <li data-icon="false" class="inField">
     <a class="inField ui-corner-top" tabindex="-1">
        <label for="loginName">Benutzer</label>
        <input type="text" name="loginName" id="loginName" />
     </a>
   </li>
   ...

问题是验证会抛出一个错误，表示我无法将标签或输入元素放在 a 元素中。我不需要 a 元素，除了省略它们将破坏我的Jquery Mobile listview增强功能。

任何想法如何解决这个问题？必须有一种更好的方法来手动插入所有JQM元素并使用 span 交换 a

感谢您的帮助！

Answer 1

jQM已经提供此功能：

• http://jquerymobile.com/demos/1.0/docs/lists/lists-forms.html

示例：

<form>
    <ul data-role="listview">
        <li data-role="fieldcontain">
            <label for="name">Text Input:</label>
            <input type="text" name="name" id="name" value=""  />
        </li>
    </ul>
</form>