Php 如何加上「；按钮“；内；“锚定”；标签-每一个都有不同的用途

我设计了如下布局：

+-------------------------------------------+ | Product Name 1 [add to cart] | | Product brief | +-------------------------------------------+ | Product Name 2 [add to cart] | | Product brief | +-------------------------------------------+ +-------------------------------------------+ |产品名称1[添加到购物车]| |产品简介| +-------------------------------------------+ |产品名称2[添加到购物车]| |产品简介| +-------------------------------------------+ 事情是这样做的（简化）：

我希望整个产品块被激活，以锚定到产品上，这就是为什么我使用锚定标签的原因。但我也需要“添加到购物车”按钮被激活，每当点击。但是第一个锚标记不允许cart按钮处于活动状态。我尝试了z-index，但失败了

我试着用

来拥抱，而不是用JavaScript重定向来拥抱锚定标记，但同样的情况也发生了，这就是为什么我回到锚定标记拥抱的原因

我想：

• 允许用户进入产品的锚定标签
• “添加到购物车”按钮（位于锚定标记内），允许用户将产品添加到购物车

---

您可以使用按钮提交“添加到购物车”表单，并在完成后/在较旧的浏览器中重定向到产品页面，尤其是将an与a混合使用并不能达到预期效果。

仅供参考：

属于
<代码>
要求在其中包含“措辞内容”。无论如何，使用另一个
元素而不是
元素更合适。我认为您可能误解了“锚定”在本文中的含义。与
a
和
input
一样，
a
元素不允许有“交互内容”，输入字段是什么。您必须将输入元素放置在链接外部，然后使用CSS将其放置在链接上方。单击
中的输入将被视为单击
并开始将您带到新的href。感谢CBroe和MarcB了解我的原因。多亏了泰勒的教训，我会努力的。顺便说一句，我认为即使是一个错误的问题也应该有一个答案——一个方向正确的答案，因为有了这个答案，常见的误解就会消失。讨厌那些投反对票的人（完全尊重社区）对不起，这个概念是错误的。我希望锚和按钮应该独立工作。
<a href="/product-url">
   <span class="left">
      <h4>Product Name</h4>
      <p>Product Brief</p>
   </span>
   <span class="right>
     <input type="button" id="prod-id" value="add to cart">
   </span>
</a>