通常情况下,按钮使用以下几种方式来实现:

<button>click me</button>
优点:语义明确,直接有按钮效果。
缺点:①有默认button样式(border,点击时变化)②自己设置样式时,点击下去时,边框问题无法解决。③在form表单中,如果不设置type,则在各浏览器解析不同。
<input type="button" value="inputBtn" />
优点:直接有按钮效果,form表单能正确解析想要效果。
缺点:①有默认button样式(border,点击时变化)②自己设置样式时,点击下去时,边框问题无法解决。③语义不明确
<a href="">button</a>

优点:不存在button和input的bug。
缺点:语义不明确

<div>button</div>
同a

综上所述,button按钮,当前情况下,还是用a来实现。参考淘宝,京东,百度按钮。

相关文章:

  • 2021-08-04
  • 2021-12-20
  • 2021-06-28
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-09-03
  • 2022-12-23
  • 2021-12-19
  • 2021-07-20
相关资源
相似解决方案