Я создаю страницу с продуктами, продаваемыми на сайте. Я хотел бы добавить кнопку «Добавить в корзину» рядом с каждым продуктом, которые перечислены с разметкой, подобной этой:

<h4 class="productHeading">Product Name 1</h4>
<div>
  Extra information on the product 1.
</div>
<h4 class="productHeading">Product Name 2</h4>
<div>
  Extra information on the product 2.
</div>
 ...

Поскольку входные данные будут иметь разные имена (с включенным кодом продукта), большой вопрос заключается в следующем: должен ли я обернуть весь список продуктов в форму или мне нужно создать одну форму для каждого продукта? В коде:

<form method="post" action="process.php">
  <h4 class="productHeading">Product Name 1</h4>
  <div>
    Extra information on the product 1.
    <input type="submit" name="submit1" value="Add to Cart">
  </div>
  <h4 class="productHeading">Product Name 2</h4>
  <div>
    Extra information on the product 2.
    <input type="submit" name="submit2" value="Add to Cart">
  </div>
</form>

Или же…

<h4 class="productHeading">Product Name 1</h4>
<div>
  Extra information on the product 1.
  <form method="post" action="process.php">
    <input type="submit" name="submit1" value="Add to Cart">
  </form>
</div>
<h4 class="productHeading">Product Name 2</h4>
<div>
  Extra information on the product 2.
  <form method="post" action="process.php">
    <input type="submit" name="submit2" value="Add to Cart">
  </form>
</div>

Какой из них является лучшей практикой? Есть какая-то серьезная причина, чтобы не использовать один или другой, или я делаю это совершенно неправильно?