Html > 购物车按钮

Question

我想知道应该为具有添加到购物车按钮和购买所有按钮的 HTML 表正确使用什么。

那么，我应该使用

<input class="btn" type="button" value="Buy -Shopping cart"/>或者我可以使用

<a href="#" title="Buy Shopping card"><b>&#43;</b><img width="16" height="10" alt="Cart" src="images/cart.png"></a>

另外，我需要使用JavaScript启用和禁用这些按钮

Answer 1

我会说您最初的两个建议都可以，这更多的是您希望按钮的样式。 如果您使用<input type='button'>方法，使用 CSS 自定义按钮会有点困难。 另一方面，链接更容易设置样式。 因此，如果您需要自定义外观的按钮，go 与<a href="#" title="Buy Shopping card"><b>&#43;</b><img width="16" height="10" alt="Cart" src="images/cart.png"></a>版本。

Answer 2

这完全取决于您的购物车代码的样子。 一般来说，我会说人们使用内部购物车的按钮（这是 POST 表单的一部分） - 输入类型的图像也可以用于这些 - 以及外部购物车的链接（如 PayPal）。

要启用/禁用 javascript，您可以让它为按钮动态插入“disabled=true”，或者取出链接并用“#”代替链接。 但同样，取决于你的情况。

Answer 3

除非您希望搜索引擎蜘蛛来点击您所有的添加到购物车和购买按钮链接，否则我不会为此使用 a-tag。 想想看：）

不，但严肃地说，a-tags 用于将页面链接在一起，而<input type="submit">或<button>标签用于更改状态的操作。 将商品添加到购物车或购买商品是更改 state 的操作。