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 的操作。