jQuery-UI插件和HTML5新特性

---

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