day11

知识点回顾：

表格：

作用：显示信息数据

应用场景：课程表、成绩单、信息统计

table tr td border[加边框] cellspacing width/height bgcolor【背景颜色】 align【left/center/right】 bordercolor【设置边框颜色】

单独添加bordercolor之后会给table加一个默认的边框 cellpadding【文字与边框的距离】

tr/td中的属性

td colspan【colum span 跨列成行 后面跟的属性值为数字，值为同一行中删除的td个数+1】/rowspan【row span跨行成列 后面跟的属性值为数字，值为同一列中删除的td个数+1】

th 起到加粗居中的作用

caption 设置表格的标题

colgroup [可以操作列] col

thead[]/tbody/tfoot

属性:rules[给表格加边框]

表格的css属性:border-color边框颜色 border-spacing 边框与边框的距离 caption-side标题的位置 empty-cells空表格的隐藏显示

table-layout 设置固定单元格的宽度 fixed

表单：

1.表单：

提交或收集数据用的

2.应用场景:

登录注册界面

3.组成:

表单域【提交数据的指定区域】+表单控件【text/password】+提示信息【请输入你的姓名】

4.表单控件:

单选框 只能选择一个，必须有那么属性，而且name属性值必须一致【同一组单选框】 type="radio"

5.复选框 可以选择多个 type="checkbox"

6.选择文件 type="file"

7.下拉菜单

<select>

<option></option>

...

</select>

8.文本域:

<textarea></textarea>

9.表单控件的属性

cols用在文本域中 rows设置文本域显示的行数 multiple多文件上传 checked默认选中 disabled禁用

10.css操作表单控件的样式

:focus[获取焦点] :checeked[选中] appearance[清除单选框 复选框 下拉表单的样式] outline[清除文本框获取焦点之后的样式]

11.与表单相关的一部分标签 fieldset 加范围区域的边框线 legend 把字放入边框线中 回顾了一下label

get和post的区别

安全性:

post比get要更安全一些

get会在后面挂载参数，post不会

服务器接受get和post数据时使用的方法不同

表单新增的控件

邮箱 type="email"

数字: type="number" min最小值 max最大值 step 每次递增数目

颜色:type="color" 了解即可

范围区域:type="range"

网址:type="url"

搜索框:type="search" 可以做到局部清除

date type="date" 选择年月日

month type="month" 年月

week type="week" 年周

time type="time" 时间

datetime-local type="datetime-local" 年月日+时间

datetime 不常用

新增的属性

placeholder 提示信息 required验证不能为空 maxlength最大长度 autofocus进入界面时自动获取焦点 autocomplete与name属性连用，当属性值为on时显示之前输入过的内容

<datalist></datalist>

<output>