表格和表单

一、表格

1、格式

表格：table

行：tr

单元格：td

标题：th

格与表间距：cellspacing

文本与格间距：cellpadding

跨行：rowspan

跨列：colspan

2、语义化标签

表格标题：caption

表格头：thead

表格主体：tboby

表格底部：tfoot

二、表单（接受信息）

1、结构

<form action:"服务器地址" method:"提示方式">

提交方式：get（默认）、post（安全，数据量大）

2、input（表单元素）

（1）属性

宽：size

最大/最小字符：maxlength/minlength

名称：name

默认值：value

默认选中：checked

（2）值

文本：text

密码：password

提交按钮：submit

重置按钮：reset

普通按钮：button

单选框：radio

复选框：checkbox

列表框（下拉框）：{

select -- 可以多选:multiple

列表项：option

默认选中：selected }

多行文本域：textarea、行rows、列cols

新语义化标签（了解）：{

邮箱：eamil

网站：url

数字：number

滑块：range

颜色：color

日期：date

年月日：datetime-local  }

3、表单高级应用

隐藏域：hidden

只读：readonly

禁用：disabled

文件域上传：file

label：<label for="id值">XXX</label>，聚集相关联表单元素上

4、表单初步验证

文本框提示：placeholder

必填，非空验证：required

正则表达式验证：pattern