
这次的主题是按钮,之前有学到说bootstrap表单中的按钮都是通过button标签完成的,而不使用input里的submit,button之类。其实并不是说不可以,而是说为了达到跨浏览器显示效果相同的目的,bootstrap强烈推荐使用button标签。
知识点:
1. 创建button的方法是<button class="btn" type="button">默认按钮</button>,可以在类当中加入其他的一些btn修饰类,例如btn-default,btn-primary等以达到不同的按钮样式,还有控制大小的一些修饰类,控制高度的.btn-lg、.btn-sm 或 .btn-xs,控制宽度的.btn-block。
2. button标签有active 和 disabled两个大状态,其中active中又包括悬浮状态(:hover),点击状态(:active)和焦点状态(:focus)。disabled状态有两种实现方式一种是给class中加入disabled,另外一种直接在button标签中添加disabled属性。第一种方式,这个按钮虽然点不了,可还是可以通过tab键遍历到的;第二种方式就是真的啥都干不了。
---------------------
作者:fengxueem
来源:CSDN
原文:https://blog.csdn.net/u014795817/article/details/73330294
版权声明:本文为博主原创文章,转载请附上博文链接!