Question

我正在用html5 / css / js编写移动应用程序。在index.html的第一页上，我创建了一个带有提交按钮的表单，该按钮指向result.html（with formaction =“result.html”）。但是当我在Chrome中打开index.html只是为了调试应用时，提交按钮不会将用户带到result.html，而是保留在index.html上。怎么了？感谢

<form name="userdata" method="get"> 
    <input type="number" step="any" class="hiddenbutton" name="userVolume" value="" >
    <button type="submit" id="submitbutton" name="issubmitted" value="no" class="submitbutton" formmethod="get" formaction="result.html">Submit</button>
</form>

它既不适用于：

<form name="userdata" method="get" action="result.html">
    <input type="number" step="any" class="hiddenbutton" name="userVolume" value="" >
    <button type="submit" id="submitbutton" name="issubmitted" value="no" class="submitbutton">Submit</button>
</form>

编辑：我刚刚发现使用firefox而不是Chromium（Ubuntu）时没有问题。有关正在发生的事情的暗示吗？

Answer 1

我认为你需要明确说明这是一个属性，即'形式'中的'action'属性。

<form name="userdata" method="get" action="result.html">

    <input type="number" step="any" class="hiddenbutton" name="userVolume" value="" >

    <button type="submit" id="submitbutton" name="issubmitted" value="no" class="submitbutton" formmethod="get" formaction="result.html">Submit</button>
</form>

Answer 2

我删除了表单和提交按钮的所有操作和编码属性，我决定将我的页面编码为SPA（单页面应用程序），所以我使用jquery移动到下一页：

        $.mobile.changePage($('#result-page'));

html提交按钮保持在同一页面上

2 个答案: