奇怪的提交按钮行为HTML

Weird submit button behaviour HTML

本文关键字:HTML 按钮 提交      更新时间:2024-03-13

我制作了一个移动web应用程序,其中包含一个带有提交按钮的基本表单。我的问题是,提交按钮将无法在移动设备上工作(移动safari)。单击按钮时,不会发生任何事情。然而,它在所有浏览器的计算机上都能正常工作。下面是包含提交按钮的表单。为什么会发生这种情况。

表单代码:

<form method="get" name="myForm">
    <ul class="roundbox">
        <li><input type="text" placeholder="To:" class="addr" name="addr" id="addr" autocapitalize="off" autocorrect="off" autocomplete="off" /></li>
        <li>
            <textarea rows="10" cols="30" style="overflow::hidden" placeholder="Message" name="body" id="body" size="220" autocapitalize="off" autocorrect="off" autocomplete="off"> </textarea>
        </li>
        <li>
            <input type="submit" class="submit" value="Send">
            <input type="reset" class="reset" value="Clear"/>
            <input type="hidden" value="O" type="text" name="dir" id="dir" />
        </li>
    </ul>
</form>

您的按钮上有一些onclick处理程序,这些处理程序是不必要的,并且会干扰按钮的默认行为。

我找到了解决方案,问题出在JQTouch上。您需要添加

    formSelector: false,
    useFastTouch: false,

添加到$.jQTouch对象,并将class="form"添加到表单中http://code.google.com/p/jqtouch/issues/detail?id=125