jQuery UI、开发插件、H5表单新元素类型属性介绍

一、jQuery UI - 集成页面特效

---

autoOpen:默认打开还是关闭

buttons: 是一个数组，每个元素就是一个按钮

按钮属性

text:按钮名字

click:按钮事件

modal:设置对话框是否为模式对话框，即设置提示框的背景是否显示

width: 宽

height:高

二、开发插件 - 原理

1. 对象方法插件 - $().each()

    $.fn.extend(object)

2. 全局函数插件 - $.each()

    $.extend(object)

3. 选择器插件 - 几乎不用

    - 扩展jquery选择器

    - jQuery官方专门推出用于扩展选择器的js库

4. 目的：

      将来实际开发需要独自开发插件(入门级)

      为了面试

三、HTML5介绍

1. HTML5目前最新的规范(标准)是2014年10月推出的  

2. 2005年左右出现HTML5版本(非标准)    W3C组织(两个组织定义H5规范) 

3. HTML版本： 第一阶段主要学习4版本(包含5版本)

4. HTML5版本之后，声明不再出现版本信息

    有意的弱化版本，以后可能不再会有新版本

    HTML5的规范内容实时更新

5. 注意：

    HTML5永远都不可能脱离javaScript

    HTML5在移动端支持好于PC端

四、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