HTML表单可在台式机上使用，但不能在移动设备上使用

Question

我有一个HTML表单，可将​​20个小字符的消息发送到MySQL表。 在运行Firefox 49时，它在我的桌面上可以很好地工作，但是在我朋友的IOS 9.3.3的IPhone上，使用Safari浏览器，它根本无法工作。 我花了几个小时进行搜寻，以找出问题的原因。 无论如何，这是我的代码：

形成事物：

<iframe id="target-frame" name="target-frame"></iframe>
<form id="mark-form" target="target-frame" action="make_mark.php" method="post">
    You have 20 characters, use them wisely. <br>
    <input type="submit" value="Mark" onclick="timeoutMark()"></input>
    <input type="text" name="mark" maxlength="20"></input>
</form>

<script>
var timeoutMark = function timeoutMark() {
    setTimeout(markForm, 5);
}
var markForm = function markForm() {
    document.getElementById('mark-form').reset();
    location.reload();
}
</script>

make_mark.php：

include($_SERVER['DOCUMENT_ROOT']."/paths.php");
include($path['mysql']);
$mark = db_quote($_POST['mark']);
$ip = db_quote($_SERVER['REMOTE_ADDR']);
echo "<textarea>".$mark."</textarea>";

if ($mark == "''") {
    exit("Mark is empty");
}
$query = db_query("INSERT INTO marks (mark, ip) VALUES (" . $mark . "," . $ip . ")");