如何将表单放在另一个表单中并使用一个提交按钮?

时间:2012-10-14 16:20:40

标签: php html html5 html-form

  <form action="<?php $self ?>" method="post"> 
            <h2>LundaBlogg</h2>
            <div class="fname"><label for="name"><p>Namn:</p></label><input name="name" type="text" cols="20" onkeyup="EnforceMaximumLength(this,12)"/></div>
            <div class="femail"><label for="email"><p>Epost:</p></label><input name="email" type="text" cols="20"/></div>
            <div class="where"><label for="lund"><p>Skriv ditt blogg ämne:</p></label><input name="lund" type="text" cols="20" onkeyup="EnforceMaximumLength(this,40)"/></div>
            <p>Starta tråden med att posta något:</p><textarea name="post" rows="5" cols="40" onkeyup="EnforceMaximumLength(this,110)"></textarea>
            </br>
                <!-- <form action="uploadImage/upload_file.php" method="post" enctype="multipart/form-data"> -->  
                <label for="file">Ladda upp en bild med ditt inlägg:</label>
                <input type="file" name="file" id="file" />
                <!-- <input type="submit" name="submit" value="Submit"/> -->
                <!-- </form> --> 
            </select><br/>
                <p>Välj kategori som du vill lägga din post i:</p>
                <!-- Skapar en dropdown meny med tre värden/value. --> 
                <select name="LundaBlogg" size="1"> <!--  Namnet på dropdown menyn + size = hur många rader som ska visas. -->
                <option value="Lund">Lund</option>
                <option value="Cyklar">Cyklar</option>
                <option value="Kultur">Kultur</option>
            </select>
            <input name="send" type="hidden"/>
            <p><input type="submit" value="skicka"/></p> 
        </form>

我希望能够使用一个提交按钮input type="submit" value="skicka",我想拥有我的(代码)

form action="uploadImage/upload_file.php" method="post" enctype="multipart/form-data" 
label for="file"Ladda upp en bild med ditt inlägg:/label 
input type="file" name="file" id="file"  

形式

在我的其他形式中,如上例所示。

1 个答案:

答案 0 :(得分:2)

你做不到。表单不能嵌套在HTML文档中。

您需要将所有数据提交到单个URI (这是最简单的选项),

  1. 将第一个表单提交给一个URI
  2. 返回包含该URI
  3. 的新表单的HTML文档
  4. 让用户在输入数据后手动提交第二个表单
  5. ,使用JavaScript(使用XMLHttpRequest对象)提交表单数据(这是最后一个可靠的选项)。