什么時候用button,什么時候用a標簽


什么時候用button,什么時候用a標簽

一、問題

能實現鏈接功能的標簽一般就a標簽,button標簽,input submit標簽

input submit肯定是提交表單的時候用

那什么時候用button,什么時候用a標簽

 

能用a標簽的地方盡量使用a標簽么?

只有在例如type=submit的時候才使用button標簽?

是否a標簽比button標簽更好?原因是什么?

那一個按鈕 點擊彈出來彈窗,或者一個按鈕點擊觸發一個事件(例如收藏),用什么比較好?

 

二、解答

特意去翻了之前看過的一篇文章。
你不能創造一個按鈕

個人覺得主要三個原因:

    • 尊重一個標簽被創造出來時的初衷

    • 在PC端使用tab或者方向鍵切換焦點后,按下enter鍵,button(input[type=button])的click事件會被觸發而其他標簽不會。

    • 你想實現一個disabled屬性時,a標簽需要一句似乎麻煩一些

 

語義上說,a一般是鏈接,一般指向一個地址button是按鈕,一般點擊后調用本頁方法

實際上隨你便,只要你寫的代碼沒有看了想開除你,想用什么都無所謂

另外,button貌似默認就是type=submit吧,放在表單里的裸button點擊就提交表單了,不過我一般用input type=submit除非是按鈕里需要放一些比較花哨的內容時才會用button

 

需要添加鏈接,或者直接從服務端get數據的用a標簽。其他地方button可以的話就用button。沒有哪個便簽比哪個更好,只有哪個標簽更適用哪些場景。你可以通過以下方法權衡一下:

1.需要與后端進行數據交互嗎?不需要的話button即可

2.要與后端交互?如果是get方式的話使用a標簽很方便。如果是post等方式,用button,綁定ajax事件即可

 

具體看情況,按鈕功能上用input或者button都可以。
但是button里面可以嵌套內容,input則不行,所以具體情況具體看。
a標簽一般用作超鏈接或者錨鏈接。
理論上你用一個a標簽也可以做出button的樣式。所以具體還是要看實際情況的。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM