CODEWITHSUNDEEP
htmlformsinputsubmit
Ulxlx
Ulxlx

Reputation: 131

Submitting multiple inputs in one form?

I'm currently trying to create a webpage where you can submit multiple inputs within a single form with one button. This is the code:

<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>

Currently when I click the "Add" button, it does nothing, doesn't load, doesn't refresh. And I'm not sure why. If anyone has any suggestions about why that happens, that would be awesome.

Upvotes: 1

Views: 16549

Answers (4)

Savrige
Savrige

Reputation: 3755

Do not use nested forms. Instead use the attribute enctype as follow:

<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>

Upvotes: 2

Sergio
Sergio

Reputation: 28837

From the MDN form docs:

Note: It's strictly forbidden to nest a form inside another form. Doing so can behave in an unpredictable way that will depend on which browser the user is using.

So remove the nested form and add the eventual php code from upload_file.php into add_item.php.

Upvotes: 0

Liad Livnat
Liad Livnat

Reputation: 7475

Form in Form is not acceptable, you can do that, you can't nest forms like this do them side by side but not nested

Upvotes: 0

Satya
Satya

Reputation: 8881

for file type you need to set the content-type to multipart/alternative only then can you upload. Also I do not see any name assigned to select

Upvotes: 1

Related Questions