博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap
阅读量:5371 次
发布时间:2019-06-15

本文共 1309 字,大约阅读时间需要 4 分钟。

form表单:

格式1:默认的表单是垂直显示风格(标签居上,表单控件居下)

 

格式2:l水平表单风格(标签居左,表单控件居右)

form-horizontal:水平表单风格(标签居左,表单控件居右)

 

 

格式3:表单的控件都在一行内

form-inline:表单在一行,其中sr-only,作用不显示label,,如果没有为输入控件设置label标签,屏幕阅读器将无法正确识别,为残障人士考虑

 

form表单验证状态

在制作表单时,不免要做表单验证。同样也需要提供验证状态样式,在Bootstrap框架中同样提供这几种效果。

1、.has-warning:警告状态(黄色)
2、.has-error:错误状态(红色)
3、.has-success:成功状态(绿色)

 

转载于:https://www.cnblogs.com/blueskycc/p/5831066.html

你可能感兴趣的文章
java中new一个对象和对象=null有什么区别
查看>>
字母和数字键的键码值(keyCode)
查看>>
01_1_准备ibatis环境
查看>>
JavaScript中的BOM和DOM
查看>>
spring注入Properties
查看>>
jmeter(五)创建web测试计划
查看>>
1305: [CQOI2009]dance跳舞 - BZOJ
查看>>
jmeter多线程组间的参数传递
查看>>
hash储存机制
查看>>
OpenLayers绘制图形
查看>>
Flutter学习笔记(一)
查看>>
洛谷 P1991 无线通讯网
查看>>
数据库第1,2,3范式学习
查看>>
《Linux内核设计与实现》第四章学习笔记
查看>>
Docker 安装MySQL5.7(三)
查看>>
CSS: caption-side 属性
查看>>
CSS3中box-sizing的理解
查看>>
linux下编译安装nginx
查看>>
windows超过最大连接数解决命令
查看>>
12个大调都是什么
查看>>