疯狂HTML5、CSS3、Javascript讲义---HTML5部分
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML5常用元素和属性
2012年8月21日
10:04
HTML5的三点规则：
1.兼容性：在老版本的浏览器上也可以运行
2.实用性：没有特别复杂的功能，只是封装了常用的简单功能
3.非革命性：并不是革命性的发展，只是一种妥协式的规范
一、HTML5保留的常用属性
二、HTML5新增的属性
三、HTML5新增的拖放API
通过DataTransfer对象，可以让拖放操作完成更多的功能下面实现一个允许通过拖放来添加、删除收藏夹的功能：
通过设置DataTransfer对象的effectAllowed、dropEffect属性可以控制拖放行为，effectAllowed用于控制被拖动元素的拖动行为，通常放在ondragstart事件监听器中，dropEffect则控制被放入目标组件的行为，因此通常放在ondragover事件监听器中
如果dropEffect设置的拖放行为不在effectAllowed属性设置的多个拖放行为之内，拖放操作将会失败
改变拖放图标
setDragImage属性可以改变拖放图标
HTML5表单相关元素和属性
2012年8月21日
10:05
一、HTML原有表单及表单控件
1.表单元素
form的相关属性：
action---表单被提交到哪个地址
method--GET/POST请求类型
enctype---对表单内容编码所采用的字符集
---application/x-www-form-urlencoded（默认编码方式，URL编码格式）
---multipart/form-data（二进制方式处理表单--文件上传）
---text/plain（直接通过表单发送邮件）
name---指定表单唯一名称
target---打开目标URL方式
有name属性的会生成请求参数，否则不会生成；
表单属性设置为disabled则不会被提交
2.input元素
size指定元素宽度，maxlength指定最大输入字符数
bel元素
当用户单击
让标签和表单控件关联有两种方式：
隐式关联：使用for属性
显式关联：将表单元素直接放在
4.button元素
比功能更强大、更丰富
不要在button标签之间放置图像映射，会干扰表单按钮的行为
5.列表框和下拉列表
6.使用textarea指定文本域
textarea元素不能指定value属性
代码：
效果演示：
二、HTML5新增属性和元素
1.html5为表单控件新增的属性
form属性：可以让表单控件在