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

Проблема в том, что проверка выдает ошибку, которая говорит, что яневозможно поместить элемент label или input внутри элемента a .Мне на самом деле не нужны элементы a , за исключением того, что их пропуск нарушит моё усовершенствование просмотра списка Jquery Mobile.

Есть идеи, как обойти это?Должен быть лучший способ вставить все элементы JQM вручную и поменять местами a с spans

Спасибо за помощь!

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>