Как разместить значок рядом с текстовым файлом в jQuery mobile?

Question

Мне нужно поставить значок рядом с текстовым полем в jQuery mobile.

<div data-role="fieldcontain"> 
    <label for="card">Verification Number</label> 
    <input data-mini="true" type="text" name="card" id="card"> 
    <a href="card.png"> 
    <img src="questionicon.jpg"> 
    </a> 
</div> 

Answer 1

Прежде всего, у вас есть открытые теги в вашем html-коде.

вы должны закрыть все теги для кода, работающего без ошибок.

img и тег ввода не близки.

Вот рабочий Fiddle Demo для ваших нужд

ли немного измениться ваш HTML код:

<div data-role="fieldcontain" id="myfield"> 
    <label for="card">Verification Number</label> 
    <ul> 
    <li> 
     <input type="text" name="card" id="card"/> 
    </li> 
    <li> 
     <a href="#"> 
     <img src="image.jpg" width="20px" height="20px" id="myimage"/> 
     </a> 
    </li> 
    </ul> 
</div>