Bootstrap初级学习(一)表单<form>
来源:互联网 发布:兵营升级数据 率土之滨 编辑:程序博客网 时间:2024/05/21 06:14
- 垂直表单(默认)
- 内联表单
- 水平表单(常用 以此为例)
<form class="form-horizontal" role="form"> 在父form中必须添加from-horizontal类 <div class="form-group"> (((((将所有标签和空间放在form-group的div里 <label for="firstName" class="control-label col-sm-2">名字</label> (((((对于label内容,必须加入class="control-label",for表示这个label绑定哪个控件,与对应控件的id相同 <div class="col-sm-10"> <input type="text" class="form-control" id="firstName" placeholder="请输入名字"> ((((将控件再放在一个div中,该div加入class="col-sm-xxx" ((((对于控件内容,必须加入class="form-control",控件id要与对应label的for相同,placeholder表示控件内提示内容 </div> ((((再另起一行写 性别 的时候又重复<div class="form-group"></div>内容 </div></form>
- 其他属性
- class=”input-group-addon”
为 .input-group 赋予 .input-group-addon 类,可以给 .form-control 的前面或后面添加额外的元素。 - class=”checkbox-inline ”
将 .checkbox-inline 或 .radio-inline 类应用到一系列的多选框(checkbox)或单选框(radio)控件上,可以使这些控件排列在一行。 - class=”col-sm-offset-2”
向右偏移col-sm-2 - class=”btn”
button类,包括btn-default 默认样式/ btn-danger 红色样式/ btn-info 蓝色样式 等
- class=”input-group-addon”
0 0
- Bootstrap初级学习(一)表单<form>
- bootstrap学习笔记(1)--form表单之注册
- form-inline+form-group 实现表单横排显示(Bootstrap)
- Bootstrap创建表单(一)
- Bootstrap学习总结笔记(24)-- 基于BootstrapValidator的Form表单验证
- 【07】Bootstrap — Form表单
- Bootstrap之Form表单验证神器: BootstrapValidator(转)
- HTML笔记(四)bootstrap之form表单
- Bootstrap学习笔记(2)Form
- bootstrap学习笔记(三)--form
- Bootstrap学习(一)
- Bootstrap学习(一)
- Bootstrap学习(一)
- Bootstrap CSS——表单(一)
- 每日一bootstrap 表单
- MVC提交Form表单(方法一)
- 使用form表单上传文件(一)
- Form表单(一) [ 控件使用 ]
- volley3 网络请求的取消
- javaScript初探正则表达式
- PAT 1011
- 总线的控制方式
- C++中友元详解
- Bootstrap初级学习(一)表单<form>
- 第三章:关系模式设计理论
- C link
- 串口通信编程--多线程异步方式
- 交叉熵及相关
- navigation 包各个参数含义
- VDI管理员应该掌握的四种虚拟磁盘格式
- Swift中的required修饰符
- android 内存管理