下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
4章表单和学习要点表
主讲教师:本课程由北风网和瓢城 一.表单Bootstrap提供了一些丰富的表单样式供开发者使用基本格式//实现基本的表单样<label>电子邮件<inputtype=""class="form-placeholder="请输入您的电子邮件<label>placeholder="请输入您的注:只有正确设置了输入框的type类型,才能被赋予正确的样式。支持的输入框控件包 和color。内联表单//让表单左对齐浮动,并表现为inline-block内联块结注:当小于768px,会恢复独占样表单合组//前后增加片水平排列//让表单内的元素保持水平<inputtype=""class="form-control"placeholder="请输注:这里用到了col-sm栅格系统,后面章节会重点讲解,而control-label表示和父复选框和单选框//设置复选框,在一<div<div//设置禁用的复选<divclass="checkbox//设置内联一行显示的复选<labelclass="checkbox-inline//设置单选<divclass="radio<inputtype="radioname="sexdisabled>下拉列表//设置下拉列校验状态//设置为错误状<divclass="form-grouphas-注:还有其他状态如样说has-错误状has-成功状has-警//label同步相应状<labelclass="control-label">Inputwith添加额外的图//文本框右侧内置文本图<divclass="form-grouphas-<label>电子邮件<inputtype=""class="form-<spanclass="glyphiconglyphicon-okform-control-注:除了glyphicon-ok外,还有几个如下样说glyphicon-成功状glyphicon-warning-警glyphicon-错误状//从大到<inputtype="password"class="form-controlinput-<inputtype="password"class="form-controlinput-注:也可以设置父元 form-group-lg、form-group-sm,来调整二.Bootstrap提供了一些丰富的样式供开发者使用1.形//三种形<imgsrc="img/pic.png"alt=""class="img-<imgsrc="img/pic.png"alt=""class="img-<imgsrc="img/pic.png"alt=""class="img-//<imgsrc="img/pi
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年在线教育电子合同市场现状及预测
- 风力涡轮机叶片环氧树脂行业市场现状供需分析及重点企业投资评估规划分析研究报告(2024-2030版)
- 浓缩果汁行业市场深度分析及发展策略研究报告(2024-2030版)
- 分期精神文化活动服务合同
- 作弊检讨书范文汇编7篇
- 物业社区通知公告协议
- 汽车配件电商代理合同
- 2024年修订版:个人借款与担保合同
- 2024年互联网商业合作协议
- 2024年企业打印机采购合同样本
- 政治审查表(模板)
- 2024届高考英语复习语法填空课件
- 监控设备保养维护方案
- 公立医院绩效考核表
- 华电人才测评试题在线测试
- 《带压堵漏技术》课件
- 铜矿矿山规划与布局
- 备考2023高考语文二轮 高中语文 山水田园类诗歌阅读专项练习(解析)
- 人教版二年级上册口算练习1000题及答案
- 2024年浙江建银工程咨询有限责任公司招聘笔试参考题库含答案解析
- 平台分销返佣合作协议
评论
0/150
提交评论