Mise à jour input et conseil

Bonjour et merci de prendre le temps de lire ce message


Pour mon site j'ai un tableau présentant des articles avec prix et un input pour le nombre d'article choisi.
Ce que je souhaiterai faire et mettre à jour le total des articles de la commande (prix article x quantité désirée, et ce pour chaque ligne, puis le total en bas du formulaire).
Je pensais mettre le total dans un input mais je ne sais pas si c'est vraiment le mieux et de plus je suis incapable de le réaliser moi-même.
Avez vous des suggestions ou conseil svp ?

voici le bout de code que j'ai fait
Dsl d avance, je n'ai pas un bon niveau et je ne connais pas le php ni le javascript

J'ai oublié de préciser que ce formulaire m'envoi par mail la commande

Merci

  <form action="bdc.php" method="post">
   <table>
    Votre nom:<br />
    <input name="nom" type="text" value="<?php echo $_GET['nom'];?>"/><br />
    Votre prénom:<br />
    <input name="prenom" type="text" value="<?php echo $_GET['prenom'];?>"/><br />
    Votre e-mail:<br />
    <input name="from" type="text" value="<?php echo $_GET['from'];?>"/><br />
    Votre téléphone (portable de préférence):<br />
    <input name="tel" type="text" value="<?php echo $_GET['tel'];?>"/><br />
    <tr>
     <td class="titre">Article</td>
     <td class="titre">Description</td>
     <td class="titre">Contenu</td>
     <td class="titre">Conditionnement</td>
     <td class="titre">Prix</td>
     <td class="titre">Quantité</td>
    </tr>
    
    <tr>
     <td class="nom">Article 1</td>
     <td class="description">description de l'article</td>
     <td class="contenu">conditionnement</td>
     <td class="conditionnement">conditionnement</td>
     <td class="prix"><input style="text-align : center"  name="prix1" type="text" readonly="readonly" value="10.50€<?php echo $_GET['prix1'];?>"/></td>
     <td class="case_prix"><input name="number1" type="text" value="<?php echo $_GET['number1'];?>"/></td>
    </tr>
    
    <tr>
     <td class="nom" type="nom2">Article 2</td>
     <td class="description">description de l'article</td>
     <td class="contenu">conditionnement</td>
     <td class="conditionnement">conditionnement</td>
     <td class="prix"><input style="text-align : center"  name="prix2" type="text" readonly="readonly" value="9.50<?php echo $_GET['prix2'];?>"/></td>
     <td class="case_prix"><input name="number2" type="text" value="<?php echo $_GET['number2'];?>"/></td>
    </tr>
    
    <tr>
     <td></td><td></td><td></td><td></td><td></td>
     <td>
      <form action="" method="post">
       <input name="Submit" type="submit" value="Calculer"/>
       <input name="total" readonly="readonly" type="text" value=""/>
      </form>      
     </td>
    </tr>
    <tr>
     <td></td>
     <td></td>
     <td><input name="Submit" type="submit" value="Valider la commande"/></td>
     <td></td>
     <td></td>
     <td></td>
    </tr>
   </table>
  </form>