如何在“锚”标签中添加“按钮”——每个按钮都有不同的用途答案

【问题标题】：How to add "button" within "anchor" tag - each one active with different purpose如何在“锚”标签中添加“按钮”——每个按钮都有不同的用途
【发布时间】：2014-05-06 02:29:38
【问题描述】：

我设计了如下布局：

+--------------------------------------------+ |产品名称 1 [加入购物车] | |产品简介 | +--------------------------------------------+ |产品名称 2 [加入购物车] | |产品简介 | +--------------------------------------------+

事情是这样完成的（简化）：

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

我希望激活整个产品块以锚定到产品，这就是我使用锚标记的原因。但我还需要在单击时激活“添加到购物车”按钮。但是第一个锚标签不会让购物车按钮处于活动状态。我尝试了 z-index，但失败了。

我尝试使用 <div> 来代替带有 JavaScript 重定向的锚标记，但同样的事情发生了，这就是我回到锚标记拥抱的原因。

我想要：

让用户进入产品的锚标签
添加到购物车按钮（在锚标记内）让用户将产品添加到购物车

【问题讨论】：

仅供参考： 是 not a valid child 的 。  期望其中包含“短语内容”。无论如何，在那里使用另一个  元素而不是  元素会更合适。
我认为您可能误解了“锚”在这种情况下的含义。
与a 和input 相同——a 元素不允许有“交互式内容”，即输入字段。您必须将输入元素放置在链接的外部，然后使用 CSS 将其定位。
点击<a> 中的输入将被视为点击<a> 并开始将您带到新的href。
感谢 CBroe 和 MarcB 理解我的事业。感谢 TylerH 的课程——我会努力的。顺便说一句，我认为即使是错误的问题也应该有一个答案——一个方向正确的答案，因为有了这个答案，常见的误解就会消失。讨厌那些投反对票的人（充分尊重社区）

标签： php html wordpress

【解决方案1】：

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

【讨论】：

抱歉，这个概念是错误的。我希望锚点和按钮应该独立工作。