placeholder

——作用在input标签中，作为提示信息
——没有兼容性问题

input的新type

——在form表单下提现
1 calendar类
——date 日期选择，缺点是兼容性不好(Chrome支持，Safari，IE不支持)
——time 输入时间
——week 选择第几周
——datatime-local 日期时间结合
——number 限制输入，只能填数字。兼容性不好(Chrome支持，Safari、IE不支持)
——email 限制输入email格式 (Chrome支持，Safari、IE不支持)
——color 颜色显示 (Chrome支持，Safari、IE不支持)
——range 显示条，min和max设置最大最小值 (Chrome、Safari支持，火狐、IE不支持)
——search 提交之后，再次填写会有提示 (Chrome支持，Safari支持一点，IE不支持)
——url 填写url (Chrome、火狐支持，Safari、IE不支持)

contenteditable

——=true时，代表可以编辑改变
——没有兼容性问题
——可以继承
——应用：可修改的表格

draggable 可拖拽的

——兼容性问题：Chrome、Safari支持，少数火狐支持
——拖拽的生命周期：按下鼠标拖拽开始，移动过程为拖拽过程，松开鼠标拖拽结束
——拖拽的组成：被拖拽的物体，目标区域
——所有的标签元素，当拖拽结束时，默认事件是回到原处
——事件是由行为触发，但是一个行为可以不止触发一个事件
==================被拖拽的物体=================
拖拽事件：开始事件，拖拽中事件，结束事件
可以时刻把握拖拽位置(clientX，clientY)
===================目标元素===================
ondragenter事件，拖拽的鼠标进入目标区域才触发
ondragover事件
ondragleave事件，元素离开目标区域事件
ondrop事件，放下事件。被拖拽元素回到元素，不会触发。要想触发，可以在over事件添加阻止默认事件
datatransfer放下效果