表格和表单

• 表格和表单

1. 表格的基本结构,
2. 合并单元格
3. 表单

表格的基本结构

（1）<table></table>

定义表格的基本框架

（2）<tr></tr>

定义表格的行

（3）<td></td>

定义表格中行内的单元格

（4）<th></th>

定义表格中行内的单元格（标题），自动将文本加粗，居中对齐

范例：

<table>

                   <tr>

                            <td>单元格</td>

                   </tr>

          </table>

表格的属性

Cellspacing:单元格与单元格之间的距离

Cellpadding:内边距

bordercolor:边框颜色

align：水平对齐方式

bgcolor（background-color）：背景颜色

表格的合并

使用colspan属性：左右合并单元格

范例：

<table>

                   <tr>

                      <td.colspan=“向右合并的格数”>单元格</td>

<td>单元格</td>

<td>单元格</td>

                   </tr>

          </table>

使用rowspan属性：上下合并单元格

注意：在合并单元格之后要把多余的单元格删除

什么是表单

表单是用来采集用户的输入数据，然后将数据提交给服务器

表单的组成

一个表单有三个基本组成部分：

表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。

表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮：包括提交按钮、复位按钮和一般按钮；

表单标签＜form＞＜/form＞

功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据将被提交到服务器

语法：<form action="url" method="get" ></form>

              action=“”  服务器地址

              method=“”  get  /  post           

文本框

文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。

代码格式：＜input type="text" name="..." size="..." maxlength="..." value="..."＞

密码框

是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。

代码格式：＜input type="password" name="..." size="..." maxlength="...“/＞