0

jquery モバイルのテキスト フィールドの横にアイコンを配置する必要があります。

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

1 に答える 1

2

まず、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>
于 2013-08-16T10:26:47.103 に答える