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, за исключением того, что они пропускают мое усовершенствование списка Jquery Mobile.

Любая идея, как обойти это? Там должен быть лучший способ вставить все элементы JQM вручную и замена с охватывает

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

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>