H5基础-3

一、表格

语法：

<table border="边框的粗度" cellspacing="双线边框之间的间隔" cellpadding="内容和边框的间隔">

        <tr> ---行

                <td>内容</td> ---单元格

                <td>内容</td>

        </tr>

</table>

简写：table>tr*行数>td*列数

td的属性：colspan="跨的列数" rowspan="跨的行数"

二、表单：页面中负责数据采集功能的部分

组成：

表单域：数据填入的部分---文本框、密码框、单选、复选

表单按钮：负责事件的标识、提交、重置、普通

        表单标签：负责数据提交的地址和方式

<form action="数据提交的地址" method="数据提交的方式(get/post)">表单域 / 表单按钮</form>

get和post的区别：

1.get是追加到地址栏，post是以服务器的方式传送数据

2.get传送的数据小，速度快，不安全

（get一般用于评论、个性签名、朋友圈等）

        表单域：

文本输入框：<input type="text">

密码输入框：<input type="password">

单选：<input type="radio" name="同一组单选，name值要一样">

复选：<input type="checkbox" name="同一组复选，name值推荐设置成一样">

表单按钮

<button type="按钮类型"> 按钮上的内容 </button>

submit---提交按钮

reset---重置按钮

button---普通按钮，配合js使用