自总结 HTML5 新添加编程及特点.docx

HTML 5 特性表单输入新类型：一般网页点击拖拽后释放，会在新的浏览器页面打开类似搜索词条之类的情况。H5中任何元素都能拖放。Step设置后（其实就是从Min起以step为增加等差的数才有效） 可添加属性同Number一样允许从日历中选取一个日期也可直接设定为只能选取month,week,time,datetime,datetime-local （IE中无效）表单新元素：表单新属性：可以一次选择多个文件加入即输入前背景提示语表单提交时输入框不能为空视屏块：音屏块：点击拖放（Drag和Drop）：一般网页点击拖拽后释放，会在新的浏览器页面打开类似搜索词条之类的情况。H5中任何元素都能拖放。首先设置元素的draggable=‘true’，ondragstart=‘调用JS函数’。再设置目标区域元素块的ondrop=‘JS函数’，ondragover=‘JS函数’。再在JS相关函数里添加功能：Ondragstart：利用dataTransfer.setData(“Text”,ev.target.id)以键值对存入拖动的元素ID。Ondragover: 利用preventDefault()屏蔽浏览器拖动后自动开新窗口搜索词条的情况。Ondrop: preventDefault()屏蔽，通过getData获取拖拽的元素ID，并target.appendChild(getById)将元素控件