Html＆gt;购物车按钮

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自定义按钮会更难。另一方面，链接更容易设计。因此，如果您需要自定义按钮，请使用<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>标签用于更改状态的操作。将商品添加到购物车或购买商品是一种改变状态的操作。