Question

我目前正在尝试创建一个网页，您可以在一个表单中使用一个按钮提交多个输入。这是代码：

<form id="additem" name="item" action="add_item.php" method="get">Item Name:
    <input type="text" name="name">
    <br>
    <br>Amount:
    <input type="text" name="amount">
    <br>
    <br>Description:
    <input size=1 00 type="text" name="desc">
    <br>
    <br>
    <select>
        <option value="picture">Picture</option>
        <option value="sculpture">Sculpture</option>
        <option value="painting">Painting</option>
        <option value="quilt">Quilt</option>
        <option value="clothing">Clothing</option>
        <option value="Pottery">Pottery</option>
    </select>
    <br>
    <br>
    <?php session_start(); if(isset($_SESSION[ 'upload_pic'])==t rue){ echo
    "<img src =".$_SESSION[ 'upload_pic']. "><br>"; unset($_SESSION[ 'upload_pic']); }
    ?>
    <form action="upload_file.php" method="post">Image:
        <br>
        <label for="file">Filename:</label>
        <input type="file" name="file" id="file">
        <br>
        <input type="submit" name="submit" value="Upload">
    </form>
    <br>
    <br>
    <input type="submit" name="add" value="Add">
</form>

目前当我点击“添加”按钮时，它什么也没做，没有加载，也没有刷新。而且我不确定为什么。如果有人对为什么会发生这种情况有任何建议，那就太棒了。

Answer 1

对于file type，您需要将content-type设置为multipart/alternative，然后才能上传。此外，我没有看到任何名称分配给select

Answer 2

不要使用嵌套表格。而是使用属性enctype如下：

<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="Submit">
</form>

Answer 3

表单中的表单是不可接受的，你可以这样做，你不能嵌套像这样的表格并排而不是嵌套

Answer 4

来自MDN表单文档：

注意：严禁将表单嵌套在另一个表单中。这样做可能会以不可预测的方式运行，这取决于哪个浏览器用户正在使用。

因此，请删除嵌套表单，并将upload_file.php中的最终php代码添加到add_item.php。

以一种形式提交多个输入？

4 个答案: