jquery-mobile - 如何在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 标签不关闭。

这是一个满足您需求的工作小提琴演示

稍微更改一下您的 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>