正文内容加载中...
Bootstrap系列 -- 20. 禁用状态
2015-06-25 08:32 by 贺臣, 17435 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的，在相应的表单控件上添加属性“disabled” 在使用了“form-control”的表单控件中，样式设置了禁用表单背景色为灰色，而且手型变成了不准输入的形状。如果控件中不使用类名“form-control”，禁用... 阅读全文
Bootstrap系列 -- 19. 焦点状态
2015-06-25 08:18 by 贺臣, 5172 阅读, 0 推荐, 收藏, 编辑
摘要：表单主要用来与用户沟通，好的表单就能更好的与用户进行沟通，而好的表单一定离不开表单的控件状态。 表单状态的作用： 每一种状态都能给用户传递不同的信息，比如表单有焦点的状态可以告诉用户可以输入或选择东西，禁用状态可以告诉用户不可以输入或选择东西，还有就是表单控件验证状态，可以告诉用户的操作是否... 阅读全文
Bootstrap系列 -- 18. 表单控件大小
2015-06-25 08:14 by 贺臣, 11093 阅读, 0 推荐, 收藏, 编辑
摘要：前面看到的表单控件都正常的大小。可以通过设置控件的height，line-height，padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名，用来控制表单控件的高度。这两个类名是： 1.input-sm:让控件比正常大小更小 2.in... 阅读全文
Bootstrap系列 -- 17. 复选框checkbox和单选择按钮radio
2015-06-24 22:16 by 贺臣, 2976 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架中checkbox和radio有点特殊，Bootstrap针对他们做了一些特殊化处理，主要是checkbox和radio与label标签配合使用会出现一些小问题（最头痛的是对齐问题）。使用Bootstrap框架，开发人员无需考虑太多。 案例1 ... 阅读全文
Bootstrap系列 -- 16. 文本域textarea
2015-06-24 22:15 by 贺臣, 22039 阅读, 0 推荐, 收藏, 编辑
摘要：文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。 阅读全文
Bootstrap系列 -- 15. 下拉选择框select
2015-06-24 20:58 by 贺臣, 43380 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架中的下拉选择框使用和原始的一致，多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格 阅读全文
Bootstrap系列 -- 14. 表单控件输入框input
2015-06-24 20:56 by 贺臣, 1293 阅读, 0 推荐, 收藏, 编辑
摘要：每一个表单都是由表单控件组成。离开了控件，表单就失去了意义。接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识。 单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型... 阅读全文
Bootstrap系列 -- 13. 内联表单
2015-06-24 20:54 by 贺臣, 1774 阅读, 0 推荐, 收藏, 编辑
摘要：有时候我们需要将表单的控件都在一行内显示。在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在元素中添加类名“form-inline”即可 如果你要在input前面添加一个label标签时，会导致input换行显示。如果你必须添加这样的一个label标签，并且不想让input换... 阅读全文
Bootstrap系列 -- 12. 水平表单
2015-06-24 20:50 by 贺臣, 8654 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架默认的表单是垂直显示风格，但很多时候我们需要的水平表单风格（标签居左，表单控件居右） 在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件： 1、在元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。 在元... 阅读全文