这里有一个简单的形式：）我做了一张菜单幻灯片，我想在那里也有一张表格。我的问题是：是否可以通过一个"提交按钮"将两个表单中的数据发送到另一个页面？？？？？谷歌不知道，或者这只是一个愚蠢的问题，有一个更好的解决方案：）
thnx处于高级状态。
<!DOCTYPE html>
<html>
<head>
<title>Slideout menu</title>
<style>
.menu{
overflow-x: hidden;
position: relative;
left: 0;
}
.menu-open{
left: 231px;
}
.menu-open .menu-side{
left: 0;
}
.menu-side,.menu{
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
transition: left 0.2s ease;
}
.menu-side{
background-color: #333;
border-right: 1px solid #000;
color:#fff;
position: fixed;
top: 0;
left: -231px;
width: 210px;
height: 100%;
padding: 10px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="menu">
<header>
<a href="#" class="menu-toggel">toggel button</a>
<nav class="menu-side">
this is a site menu
<form action="" method="post">
<input type="text" name="titel" value="data to send when submit" id="name">
<input type="submit" value="register">
</form>
</nav>
</header>
<form action="" method="post">
<label for="titel">Titel</label>
<input type="text" name="titel" value="data to send when submit" id="name">
<label for="omschrijving">omschrijving</label>
<input type="text" name="omschrijving" id="omschrijving" value="data to send when submit" autocomplete="off">
<label for="email">Uw emailadres</label>
<input type="text" name="email" id="email" value="data to send when submit">
<label for="naam">Uw naam</label>
<input type="text" name="naam" id="naam" value="data to send when submit">
</form>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
(function() {
var body = $('body');
$('.menu-toggel').bind('click', function(){
body.toggleClass('menu-open');
return false;
});
})();
</script>
不，这是不可能的。一次只能提交一个表单。您可以做一些变通方法，例如，使用javascript从两个表单中获取字段的值并将其发布到页面，或者只将所有字段包装在一个<form>标记