可以提交html5表单然后在同一页面上返回吗?

can a html5 form be submitted and then returned on the same page?

本文关键字：一页 返回 提交 html5 表单 然后      更新时间：2023-09-26

不确定这是正确的措辞，但如果我有一个html5表单位于一个页面的指定侧栏，在提交时，我基本上可以重新加载侧栏吗?或者一个重复的页面必须加载的侧边栏只是改变?

我甚至不知道如何处理这个问题;

首先，是否可以这样做，

其次，会涉及到哪些javascript。

表单提交只是客户端，因为我不需要担心安全性和"实际"发送填写好的表单信息。

你可以使用jQuery库&为了实现这样的功能，我做了一个小演示(没有任何AJAX)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
<div id="sidebar">
<form id="sidebarform" onsubmit="return false;">
    Textbox:<input type="text" id="sidebarformtext"><br>
    <input type="submit" id="sidebarformsubmit">
</form> 
</div>
<script>
$("#sidebarformsubmit").click( function(){
    $("#sidebarform").fadeOut("slow", function(){
        $("#sidebar").html($("#sidebarformtext").val() )
    });
});
</script>
</body>
</html>


这将淡出表单，并将其替换为文本字段中的文本，我希望这有助于您解决问题。

一种简单的方法可能是将侧边栏加载到iframe上。这样，页面将从页面的其余部分单独加载。表单提交将独立于页面的其余部分

相关文章：