表格与表单相关知识点总结

1.表格：

1.1表格的基本结构

1.11表格的属性****
cellspancing
cellpadding
border
align
bgcolor background
1.2合并单元格
使用colspan属性：左右合并单元格
使用rowspan属性：上下合并单元格
注意合并单元格时要注意单元格之间的对应
1.3完整的表格标记

2.表单：

2.1表单的概念及作用
表单：用来采集用户的输入数据然后将数据提交给服务器
**2.11表单的组成：**一个表单有三个基本组成表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。
表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
表单按钮：包括提交按钮、复位按钮和一般按钮；
表单标签在<form></form>
功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据将被提交到服务器
语法：<form action="url" method="get" ></form> action=“” 服务器地址 method=“” get / post
2.12表单域对象
表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等，用于采集用户的输入或选择的数据
文本框
文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。
代码格式：＜input type="text" name="..." size="..." maxlength="..." value="..."＞

2.13多行文本框：
也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。
代码格式：＜textarea name="..." cols="..." rows="..." ＞＜/textarea＞
2.14密码框：
是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。
代码格式：代码格式：＜input type=“password” name="…" size="…" maxlength="…“/＞
2.15隐藏域
隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
代码格式：＜input type="hidden" name="..." value="..."＞
2.16复选框
复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。
代码格式：＜input type=“checkbox” name="…" value="…"＞单选框
当需要访问者在待选项中选择唯一的答案时，就需要用到单选框了。
代码格式：＜input type="radio" name="..." value="..."＞ 必须写上相同的name值才能每次选中一个

2.17文件上传框
有时候，需要用户上传自己的文件，文件上传框看上去和其它文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
代码格式：＜input type="file" name="..." size="15" maxlength="100"＞
2.18下拉选择框
下拉选择框允许你在一个有限的空间设置多种选项。
代码格式：`＜select name="…" size="…" multiple＞
＜option value="…" selected＞…＜/option＞
…
＜/select＞
2.19表单按钮
表单按钮控制表单的运作
提交按钮
提交按钮用来将输入的信息提交到服务器。
代码格式：＜input type=“submit” name="…" value="…“＞
2.20复位按钮
复位按钮用来重置表单。
代码格式：＜input type=“reset” name=”…" value="…“＞
2.21一般按钮
一般按钮用来控制其他定义了处理脚本的处理工作。
代码格式：＜input type=“button” name=”…" value="…" οnclick="…"＞