iPad的HTML兼容性

我已經生成了多選題的HTML，只需使用一個包含問題和多選答案的每個包含他們自己的PNG的答案。我希望用戶能夠點擊他們的選擇答案，並轉向下一個問題。iPad的HTML兼容性

在測試中，我發現它使用標準瀏覽器可以很好地工作，但在iPad上我無法點擊答案選項。我不熟悉iPad的html要求/限制。我假設我正在做一些蘋果ipad版本的safari不支持的東西，但我不知道它會是什麼。

下面是正文：

<body onload="init('single')" class="single"> 
<div id="navBar"> 
    <div id="testButtons" class="formButtons"><button id="submitButton"><img src="../assets/check2.png">I'm done</button><button id="resetButton"><img src="../assets/delete2.png">Start over</button></div> 
    <div id="resultsButtons" class="formButtons"></div> 
</div> 
<div id="test"> 
    <form> 
    <div class="problem" id="problem-1"> 
     <div class="problemLabel"><span>Problem 1</span></div><img class="stem" src="1.png"><table class="answer"> 
     <tbody> 
      <tr> 
      <th><input type="radio" name="rg-1" id="rb-1-1" class="false"><label for="rb-1-1">&#65;</label></th> 
      <td><label for="rb-1-1"><img src="1-1.png"></label></td> 
      </tr> 
      <tr> 
      <th><input type="radio" name="rg-1" id="rb-1-2" class="false"><label for="rb-1-2">&#66;</label></th> 
      <td><label for="rb-1-2"><img src="1-2.png"></label></td> 
      </tr> 
      <tr> 
      <th><input type="radio" name="rg-1" id="rb-1-3" class="true"><label for="rb-1-3">&#67;</label></th> 
      <td><label for="rb-1-3"><img src="1-3.png"></label></td> 
      </tr> 
      <tr> 
      <th><input type="radio" name="rg-1" id="rb-1-4" class="false"><label for="rb-1-4">&#68;</label></th> 
      <td><label for="rb-1-4"><img src="1-4.png"></label></td> 
      </tr> 
     </tbody> 
     </table> 
    </div> 
    </form> 
</div> 
<div id="results"> 
    <h3 id="testcomplete">Online Test Complete!</h3> 
    <div id="resultsHeader"> 
    <table class="summary"> 
     <tbody> 
     <tr> 
      <th>Title</th> 
      <td>single_question_test</td> 
     </tr> 
     <tr> 
      <th>Correct</th> 
      <td id="problemsCorrect"></td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
</body>

任何幫助，將不勝感激！希望iPad可以使用不同的按鈕類型。

來源

2012-08-06 Hyung

唉！表！ :-P – 2012-08-06 17:30:37

見here：

如果我猜的話，你的表元素被覆蓋在iPad上，這是不允許的觸摸事件的輸入元素。我會嘗試製作一個只有單選按鈕的HTML頁面，確保它們是可點擊的，然後以這種方式工作。

來源

2012-08-06 17:21:04

iPad的HTML兼容性

回答

相關問題