文稿案例教案_第1页
文稿案例教案_第2页
免费预览已结束,剩余3页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论