1.表单-form-control
input、select、textarea
“form-control”效果:
＊1、宽度变成了100%
＊2、设置了一个浅灰色（#ccc）的边框
＊3、具有4px的圆角
＊4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化
＊5、设置了placeholder的颜色为#999
2. 表单水平-form-horizontal
默认是垂直风格，但多数我们要水平的，实现水平表单效果，必须满足以下两个条件：
1、使用类名“form-horizontal”。
2、配合Bootstrap的网格系统。
<form class="form-horizontal" role="form">
水平表单代码
3. 表单 一行内显示-form-inline
4. 表单 伴随标签 一行内显示
要在input前加label标签时，会导致input换行。如果你必须label标签，并且不想让input换行，你需要将label标签也放在容器“form-group”中
5.
1.表单-form-control input、select、textarea “form-control”效果:...
bootstrap表单验证
表单布局 垂直表单（默认） 内联表单 水平表单 垂直表单或基本表单 基本的表单结构是 Bootstrap 自带的，...
表单布局Bootstrap 提供了下列类型的表单布局： 垂直表单（默认） 内联表单 水平表单 1.垂直或基本表单 ...
垂直表单（默认） 内联表单 水平表单 垂直表单 也称基本表单基本的表单结构是 bootstrap 自带的创建基本表...
bootstrap日期时间表单组件http://www.bootcss.com/p/bootstrap-datet...
bootstrap提供了三种表单形式，分别是 垂直表单（默认） 内联表单 水平表单 1.垂直表单 在 中添加 ...
一、text文本框 1、placeholder属性该属性值会显示在文本框内部作为输入内容提示文字。2、input-...
Bootstrap 给HTML大部分表单都设置了默认样式，我们可以给表单添加相应类名，以实现表单的水平排列，个性化...
bootstrap表单 1、form 声明一个表单域2、form-inline 内联表单域3、form-horiz...
本文标题：bootstrap学记-表单
本文链接：https://www.haomeiwen.com/subject/yrntbttx.html
网友评论