web前端—基础篇（HTML5）3
接上
表格
表格测试
| 姓名 |
性别 |
电话 |
| 小王 |
女 |
111123456 |
海淀区 |
| 小红 |
女 |
111156 |
| 小亮 |
男 |
1111286 |
合并单元格
表单
目的是为了收集用户的信息。
表单控件
input控件 单标签，
- 属性type 属性值text（单行文本框），password（密码框），radio（单选框），CheckBox（多选框），button（普通按钮），submit（提交按钮），reset（重置按钮），img（图片），file（文件）
- 属性 name 属性值由用户自定义 控件名称
- 属性value 属性值由用户自定义 input默认文本
- 属性size 属性值正整数 input显示宽度
- 属性checked 属性值checked 定义选择控件默认被选中的项
- 属性maxlength 属性值正整数 控件允许输入的最多字符数
label标签
label标签为input元素定义标注
作用：用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素就会获得输入焦点
用for来连接，和id连接
textarea控件（文本域）
下拉菜单
在option中定义selected="selected"时，当前项即为默认选项
HTML5新标签与特性
文档类型设定
- document
- 字符设定
- 常用新标签
- header 定义文档页眉
- nav 定义导航链接的部分
- footer 定义文档或节的页脚
- article 标签规定独立的自包含内容
- section 定义文档中的节
- aside 定义其所处内容之外的内容
- 常用新属性
- 新增的type属性值
##
| **类型****** | **使用示例****** | **含义****** |
| ---------------- | ----------------------- | -------------------- |
| **email****** | | 输入邮箱格式 |
| **tel****** | | 输入手机号码格式 |
| **url****** | | 输入url格式 |
| **number****** | | 输入数字格式 |
| **search****** | | 搜索框（体现语义化） |
| **range****** | | 自由拖动滑块 |
| **time****** | | |
| **date****** | | |
| **datetime****** | | |
| **month****** | | |
| **week****** | | |
综合案例
多媒体
- embed 标签定义嵌入的内容
- audio 播放音频
- viedo 播放视频
aduio
autoplay 自动播放
controls 是否显不默认播放控件
loop 循环播放
video
