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兼容性

回答

相关问题