美文网首页HTML5前端类移动开发
jQuery-UI插件和HTML5新特性

jQuery-UI插件和HTML5新特性

作者: 不住海边也喜欢浪 | 来源:发表于2016-12-13 15:05 被阅读44次

jQuery-UI插件

jQuery-UI是用来集成各种页面特效的,使用方法和一般的jQuery插件基本相同,首先要引入jQuery-UI文件和其他的css文件等,然后在script中调用。

           autoOpen:默认打开还是关闭
           buttons: 是一个数组,每个元素就是一个按钮

               按钮属性

                  text:按钮名字
                  click:按钮事件

            model:设置对话框是否为模式对话框

            width: 宽
            height:高

开发插件

扩展对象方法
$.fn.extend({
     对象:值,
})
扩展全局函数
$.extend({
    对象:值,
})

HTML5新特性

1、input新类型

  email:验证是否包含@
  search:搜索框
  url: 验证是否包含http
  tel: 效果只能在移动端出现
  number: 数字选择 min max step
  range: 范围类型 min max step value 
  color: 颜色选择器

  date:日期类型
  week:星期类型
  month:月份类型

2、表单新元素

   1.datalist: 定义input的备选框

      input的list的值要等于datalist的id值

      数据与结构的分离
        数据:预定义数据内容datalist
        结构:显示在页面中的元素input

      使用datalist元素定义的数据,可以重复使用

   2.progress: 进度条

       max - 设置进度条的最大值
       没有min属性 - 最小值为0
       value - 当前的进度值

   3.meter : 刻度

       min: 最小值
       max: 最大值
       value: 当前值
       low: 低预警值
       high:高预警值

   4.output : 输出

3、表单新属性

   1. placeholder : 置空字符

   2. multiple:允许输入多个值

      多个值使用逗号隔开,例如多个邮箱
      只定义属性名,没有定义属性值

   3.autofocus:自动获取焦点

       只定义属性名,没有定义属性值

   4.form:允许将表单元素定义在表单外

       form表单外的表单一定要写form的id

相关文章

  • jQuery-UI插件和HTML5新特性

    jQuery-UI插件 jQuery-UI是用来集成各种页面特效的,使用方法和一般的jQuery插件基本相同,首先...

  • 前端常见面试题 (一)

    HTML5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?新特性绘画 can...

  • HTML面试题整理

    HTML5 新特性、语义化 新特性 新的 DOCTYPE 声明 新增 vedio 和...

  • 前端入门06 -- HTML5和CSS3提高,项目实战

    HTML5新特性 HTML5的新增特性主要是针对以前的不足,增加了一些新的标签,新的表单和新的表单特性; 这些新增...

  • h5与h4的区别

    HTML5新特性HTML5 中一些有趣的新特性:①用于绘画的 canvas 元素;②用于媒介回放的 video 和...

  • Html5与html4的异同

    HTML5新特性HTML5 中一些有趣的新特性:①用于绘画的 canvas 元素;②用于媒介回放的 video 和...

  • HTML5新特性

    HTML5新特性

  • 前端JS基础十(存储)

    存储 cookie localStorage (HTML5新特性) sessionStorage (HTML5新特...

  • HTML5 新特性

    HTML5是HTML最新的修订版本。 HTML5 新特性 语义特性 HTML5赋予网页更好的意义和结构。新增了一些...

  • 网络编程(五)之HTML5和CSS3提高

    一、 HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性...

网友评论

    本文标题:jQuery-UI插件和HTML5新特性

    本文链接:https://www.haomeiwen.com/subject/dxbvmttx.html