您的位置:首页 > Web前端

前端优化1--按钮

2016-07-18 10:50 176 查看
通常情况下,按钮使用以下几种方式来实现:

<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来实现。参考淘宝,京东,百度按钮。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: