如何将表单“扩展”到Bootstrap面板的两个区域？ （浏览器“修复”未关闭的表单标签）

Question

由于布局的主要原因，我想在页面的不同部分中包含表单的两个部分。

在顶部，我有：

<form  name="formXYZ" method="post" action="client-edit-transmission.php">
    <textarea  class="form-control input-sm" name="content" id="textarea" rows="4" cols="50"><?php echo "$content"?></textarea>
    <input name="userName" type="hidden" value="<?php echo "$userName"; ?>">

等等。这在Bootstrap面板的顶部。 这是将在不同时间发出的消息

在面板主体中，我有所有可能的时间可以发送消息。 星期日-星期六，每月1-5月。 IE 35 <input type="text字段由php foreach循环生成，它从数据库Viz中拉下各个时间和ID，五次：

<tr>
<?php echo ("<td> $localDay  </td>"); // $dayScheduleId
//For each time schedule get time
                foreach ($timeSchedule as $timeItem) { 
echo "<td>";
                    $localTime = $mySchedule->retrieveTime ($timeItem);
                    debug($localTime,"hola");
                    $localTime = $mySchedule->dirtyTime ($localTime);
                  ///////////////////////////////////    NB 5 TIMES A WEEK TIME TAB   ?>
<input name="time_id<?php echo"$timeItem"?>" id="time_id_id<?php echo"$timeItem"?>" class="form-control input-sm" style="width:55px; height:20px; margin:0; padding:2px;  text-align: center;" type="text" value="<?php echo"$localTime"?>">
<?php echo "</td>";
         } 
 echo "</tr>"; 

最初，我有两种不同的形式，但是当用户看到该页面时，很想编辑文本，然后浏览该页面并编辑时间。 如果单击顶部的“提交”按钮，则消息将更新，而不是时间，底部的按钮反之亦然。 非常无益。

我清理了所有内容，并制作了一个大表单，但如果您尝试将表单推过</div> ，Chrome并没有意识到Chrome（并且我认为其他浏览器）会插入</form>标记。 我想他们是在修理未封闭的标签。

我试过将表格命名为相同的名称，但这不起作用。 表单的顶部非常简单-只是一个文本区域，其值由php echo填充。 我的JS是基本的，而jQuery几乎不存在。 如果没有直接的HTML方式，是否有SIMPLE JS解决方案（和/或PHP）？

感谢任何想法。

Answer 1

通过简单地传递隐藏字段即可解决此问题。