Html5基础笔记

1：视频video:支持三种格式:WebM,MPEG4 ,Ogg

2：音频audio：三种格式：MP3，Ogg Vorbis，Wav

3:拖动：draggable="true"

4:canvas画布中的添加渐变颜色:addcolorstop第一个参数表示所在区域的百分比

  cxt.drawImage(img,100,10);后面两个 参数用来表示图片在canvas中的位置！

5：表单：

1）:输入类型：file、image、

• email   输入不正确会有提示
• url   
• number   max,min,value(默认值)，step(值的间隔属性）
• range      给定范围max 和min
• Date pickers (date, month, week, time, datetime, datetime-local)
• search     搜索区，显示为正常的输入文本
• color         点击会弹出颜色选择器

2）新增的表单元素：

• datalist   和option 一起使用定义输入类型的下拉菜单中可选的元素，注意 option标签中要永远设置value属性，并且在输入类型中用list纸箱datalist的Id
• keygen  提供一种验证用户的可靠方法，用户在提交的时候回产生两个key，私钥和公钥，私钥存储在客户端，公钥则被发送到服服务器，公钥可以用来验证用户的客户              端证书（client certificate），简而言之就是会对输入的值加密
• output   ？

3）新增的表单属性

• autocomplete   "on" "off"  允许form和input有自动完成的功能
• autofocus       "autofocus" 加载完页面的时候自动聚焦
• form      form="formId"  规定输入域所属的一个或多个表单
• form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)  form属性重写（主要用来创建不同的按钮）
• height 和 width   只适用于image类型的input标签，用来控制图片的高宽
• list
• min, max 和 step
• multiple
• pattern (regexp)
• placeholder    提供一种提示（hint），描述输入域所期待的值
• required         规定输入域不能为空