小编给大家分享一下BootStrap中表单的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
目前创新互联公司已为1000多家的企业提供了网站建设、域名、网站空间、网站托管、服务器托管、企业网站设计、昌邑网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
1.基本实例
单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control类的 、
![BootStrap中表单的示例分析](/upload/otherpica42/76297.png)
不要将表单组合输入框组混合使用
不要将表单组直接和输入框组混合使用。建议将输入框组嵌套到表单组中使用。
2.内联表单
为
演示:focus 状态
在本文档中,我们为上面实例中的输入框赋予了自定义的样式,用于演示 .form-control 元素的 :focus 状态。
![BootStrap中表单的示例分析](/upload/otherpica42/76304.png)
8.禁用状态
为输入框设置 disabled 属性可以禁止其与用户有任何交互(焦点、输入等)。被禁用的输入框颜色更浅,并且还添加了 not-allowed 鼠标状态。
被禁用的 fieldset
为