如何在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和input标签没有关闭。

这是一个符合您需求的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>