参考:https://www.cnblogs.com/liwenzhou/p/7988087.html
一, HTML
1. HTML结构
2. 标签
1. 块儿级标签
h1~h6
p
div
hr
ol>li
ul>li
table>tr
2. 内联标签/行内标签
a
span
input
img
b、i、u、s
3. 标签的嵌套规则
1. 标签之间可以嵌套（块儿级标签可以包内联标签）
2. p标签不能包p标签和div标签
4. 获取用户输入的那些标签
1. form标签不是from 埋下伏笔
1. action --> 控制往哪里提交数据
2. method --> get/post,HTTP请求的两种方法
3. enctype --> 当form表单中有文件类型的数据需要上传时
multipart/form-data
2. input
1. type类型有很多
1. text
- placeholder设置提示语
2. password
3. date
4. email
- 通过value属性设置输入框的默认值！
5. checkbox
6. radio
- 通过value属性设置value
- 通过checked属性设置默认选中
7. submit --> 提交
8. button --> 普通按钮，多用js代码去绑定事件
9. reset --> 将当前form表单中的输入内容重置
10. file
2. name属性
指定form表单提交数据时的key，用户填写的是value
3. select
- multiple=multiple --> 简写 multiple
- 内部包含option
- 设置value属性
- 通过selected属性设置默认选中
- 分组的select
optgroup
4. textarea
- cols=列数
- rows=行数
- name属性
5. label
多用于和输入框搭配使用
两种绑定方式
1. label包起来
2. 通过for=id值
1. HTML结构
2. 标签
1. 块儿级标签
h1~h6
p
div
hr
ol>li
ul>li
table>tr
2. 内联标签/行内标签
a
span
input
img
b、i、u、s
3. 标签的嵌套规则
1. 标签之间可以嵌套（块儿级标签可以包内联标签）
2. p标签不能包p标签和div标签
4. 获取用户输入的那些标签
1. form标签不是from 埋下伏笔
1. action --> 控制往哪里提交数据
2. method --> get/post,HTTP请求的两种方法
3. enctype --> 当form表单中有文件类型的数据需要上传时
multipart/form-data
2. input
1. type类型有很多
1. text
- placeholder设置提示语
2. password
3. date
4. email
- 通过value属性设置输入框的默认值！
5. checkbox
6. radio
- 通过value属性设置value
- 通过checked属性设置默认选中
7. submit --> 提交
8. button --> 普通按钮，多用js代码去绑定事件
9. reset --> 将当前form表单中的输入内容重置
10. file
2. name属性
指定form表单提交数据时的key，用户填写的是value
3. select
- multiple=multiple --> 简写 multiple
- 内部包含option
- 设置value属性
- 通过selected属性设置默认选中
- 分组的select
optgroup
4. textarea
- cols=列数
- rows=行数
- name属性
5. label
多用于和输入框搭配使用
两种绑定方式
1. label包起来
2. 通过for=id值