2021-03-23

标题Web第二天

1表格
表格标签：table标签
表格标题caption标签
表格表头thead标签包tr tr 包 th
表格主体tbody标签 包tr tr包td

表格属性：border 边框属性
cellspacing 边框与边框间距
cellpadding 单元格与边框间距
width 宽

2.合并表格
合并行 rowspan标签
合并列 colsanp 标签
要合并的第一个单元格加rowsanp标签或colspan标签，被合并掉的单元格注释掉

二，表单
表单的作用：采集数据，提交数据
表单标签：form标签
表单的组成：表单标签，表单域，提交按钮
（一）表单标签
from标签
表单属性：name属性， 表单的姓名
acation属性，表单提交的地址
method属性，表单提交的方式：GET POST
（二）表单域
1，label 标签，标记标签，
✔当label的for的属性值 和 input的I’d 一致时，单击label会获取焦点

2，input控件
属性是type
Type=text 是普通的输入框
=radio 是单选框
✔（当两个input的name属性值一样时，才会有单选效果）
=checked 是多选框
默认单选或多选选中：checked=checked
checked=ture
checked

3，select 选择框标签，与option标签组合使用
默认选择框选中：selected=selected
Selected=ture
selected

4，多行文本框标签：textarea标签
属性：高度属性:rows
宽度属性：cols

（三）按钮
普通按钮: input标签的 type 属性= button
重置按钮： =reset
value属性：input控件的值
提交按钮 =submit

按钮禁用：
disabled=disabled

HTML5
一，新增的语义化元素
1，header标签 头部标签，内容的头部区域
特点：只能有一个
相当于盒子，独占一行

2，nav标签 导航标签
嵌套um li 标签使用
3，section标签 节段标签
特点：相当于盒子，独占一行
4，footer标签 底部标签
5，aside标签 侧边栏标签 网页制作
6，article标签 文章内容标签 块状元素
7，progress标签 进度条标签
属性：max属性，最大值
value属性 当前值

二，H5新增的表单标签
1，datalist标签 选择列表标签，与option作为子标签一起使用，列表内容写在value属性值中
✔当输入框的list的属性值（即input的list属性的属性值）与datalist的属性值保持一致，获取焦点才有选择权

2，button标签 按钮标签

三，新增的表单属性
1，提示信息属性：placeholder
2，输入框能输入的最大长度属性：maxlength
最小长度属性：minlength
3，页面加载完自动获取焦点属性： autofocus
4，输完的信息自动保存属性：autocomplete:on 打开；off，关闭
5，required属性：规定提交之前填写输入域