第1章 千里之行 始于足下——基本元素实战 1
1.1 一个基本的HTML 5页面 1
1.2 在页面中输出一段文字 2
1.3 使用HTML 5的新元素对页面进行分栏设计 3
1.4 使用CSS修饰HTML 5页面 5
1.5 使用<details>标记元素实现交互 6
1.6 使用脚本控制交互的元素 8
1.7 实现下拉弹出效果 9
1.8 无刷新弹出图片和文字 11
1.9 使用<summary>标记元素实现交互 13
1.10 使用<menu>标记元素实现菜单交互 14
1.11 实现右键菜单功能 16
1.12 使用<command>标记元素实现动态对话框效果 17
1.13 使用<progress>标记元素实现进度条效果 20
1.14 使用<meter>标记元素实现百分比效果 22
1.15 设置<progress>进度条的样式 24
1.16 使用<html>根元素显示文字 26
1.17 通过标签设置目标链接 27
1.18 通过JavaScript脚本获取并显示文本框的内容 32
1.19 实现树节点效果 34
1.20 分组列表显示网页中的内容 36
1.21 在网页中突出显示某些文字 38
1.22 使用<cite>元素引用文档 40
1.23 在网页中显示一幅图片 41
1.24 在网页中显示一个文本框架 42
1.25 使用<object>元素在网页中显示一个Flash 43
1.26 使用鼠标光标拖动网页中的文字 44
1.27 自动隐藏或显示网页中的文字 45
1.28 自动检测输入的拼音是否正确 47
1.29 编辑修改网页中的文字 48
1.30 联合使用<section>和<article>标签 49
1.31 在网页中显示联系信息 51
1.32 在表单中使用<object>元素插入一个Flash 52
1.33 实现拖曳和拖放处理 52
第2章 表单元素实战 56
2.1 验证邮件地址是否合法 56
2.2 验证URL地址 58
2.3 验证在文本框中输入字符的长度 59
2.4 通过滑动条设置颜色 61
2.5 自动弹出日期和时间输入框 63
2.6 显示文本框中的搜索关键字 64
2.7 记住表单中的数据 66
2.8 验证表单中输入的数据是否合法 68
2.9 在文本框中显示提示信息 70
2.10 验证文本框中的内容是否为空 71
2.11 开启表单的自动完成功能 73
2.12 重写表单中的某些属性 74
2.13 验证表单中的数据是否为网址格式 75
2.14 自动设置表单中传递数字 76
2.15 在表单中选择多个上传文件 77
2.16 在表单中自动提示输入文本 78
2.17 一个简单的乘法计算器 79
2.18 在网页中生成一个密钥 81
2.19 验证输入的密码是否合法 82
2.20 验证两次输入的密码是否一致 84
2.21 取消表单元素的所有验证规则 86
2.22 在网页中实现自动增加表格效果 87
2.23 开发一个计数器程序 89
2.24 实现播放器样式的按钮 93
2.25 实现一个精美的登录表单界面 96
2.26 实现一个动态菜单样式 97
2.27 动态添加或删除表单中的元素 99
2.28 实现一个漂亮的圆角按钮 101
2.29 textarea根据内容自动增高 104
2.30 判断用户选择了几个复选框 105
2.31 实现仿DELL搜索表单的效果 106
2.32 实现精致、符合标准的表单页面 108
第3章 文件操作实战 110
3.1 选择一个上传文件 110
3.2 选择多个上传文件 112
3.3 获取文件的类型和大小 114
3.4 过滤出非图片格式的文件 116
3.5 过滤上传文件的类型 117
3.6 预览上传的图片 118
3.7 读取某个文本文件的内容 121
3.8 监听事件 122
3.9 使用拖曳的方式上传图片 124
3.10 美化拖曳方式上传图片表单 126
3.11 拖曳上传图片到表单并显示预览 130
3.12 IE浏览器支持的上传图片预览程序 132
3.13 实现上传头像图片大小选择 133
3.14 使用拖曳的方式在相簿中对照片进行排序 138
