index.html


<!DOCTYPE html>
<html>
<head>
    <link href="custom.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <meta name="viewport" content="width=device-width">
</head>

<body>

<form action="output2.php" method="post">

<select class="menu" name="product">

    <option value="select">seleziona articolo</option>

    <option value="scarpe">scarpe</option>
    <option value="magliette">magliette</option>


</select>

<div id="" class="scarpe">
    <select name="scarpe" class="submenu1">
        <option value="select">selezione genere</option>


        <option value="scarpe_maschio">maschio</option>
        <option value="scarpe_femmina">femmina</option>

    </select>


</div>

<div id="" class="magliette">
   <select name="sesso_magliette" class="submenu2">
       <option value="select">seleziona genere</option>


       <option value="magliette_maschio">maschio</option>
       <option value="magliette_femmina">femmina</option>

   </select>


</div>

<!-- opzioni del submenu-->
<div id="opt" class="num_scarpe scarpe_femmina scarpe_maschio">
    <p>seleziona numero di scarpe</p>
    <input type="number" name="scarpe_num" class="" value=0>

</div>

<div id="opt2" class="misure_magliette magliette_femmina magliette_maschio">
    <select name="misure_magliette" class="submenu misure_magliette">
        <option value="select">seleziona taglia</option>


        <option value="xs">xs</option>
        <option value="s">s</option>
        <option value="m">m</option>
        <option value="l">l</option>
        <option value="xl">xl</option>


    </select>
</div>

<!--    <input type="file" name="file" id="file_input" multiple> -->

<input type="file" name="f1" class="file_input">
<input type="file" name="f2" class="file_input">
<input type="file" name="f3" class="file_input">
<input type="file" name="f4" class="file_input">
<input type="file" name="f5" class="file_input">


<div id="gallery">
    <img src="https://img.icons8.com/material-outlined/100/000000/add-image.png" id="addimg"/>
</div>
<!--<input type="submit" name="submit"> -->
<button id="submit">submit</button>

</form>

</body>
<script src="main.js"></script>

</html>