当前位置:Gxlcms > JavaScript > 全面解析Bootstrap表单使用方法(表单按钮)_javascript技巧

全面解析Bootstrap表单使用方法(表单按钮)_javascript技巧

时间:2021-07-01 10:21:17 帮助过:6人阅读

一、多标签支持

一般制作按钮除了使用 a标签按钮 span标签按钮

div标签按钮

二、定制风格

  在Bootstrap框架中不同的按钮风格都是通过不同的类名来实现。

三、按钮大小

  在Bootstrap框架中,对于按钮的大小,也是可以定制的。  

  在Bootstrap框架中提供了三个类名来控制按钮大小:




四、块状按钮

  Bootstrap框架中提供了一个类名“.btn-block”。按钮使用这个类名就可以让按钮充满整个容器,并且这个按钮不会有任何的padding和margin值。在实际当中,常把这种按钮称为块状按钮。

五、按钮禁用状态

  在Bootstrap框架中,要禁用按钮有两种实现方式:

  方法1:在标签中添加disabled属性

  方法2:在元素标签中添加类名“disabled”

  两者的主要区别是:

  “.disabled”样式不会禁止按钮的默认行为,比如说提交和重置行为等.

  在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。

今天再为大家补充一点新知识:Bootstrap表单提示信息

平常在制作表单验证时,要提供不同的提示信息。在Bootstrap框架中也提供了这样的效果。使用了一个"help-block"样式,将提示信息以块状显示,并且显示在控件底部。

以上就是针对Bootstrap表单按钮的详细介绍,之后还有更多内容会不断更新,希望大家继续关注。

人气教程排行