表格与表单

表格与表单

表格

<table>
<tr>
<td>......</td>
</tr>
</table>

table 用于定义一个表格，tr用于定义表格中的一行，添加在< table>< /table>之间。td用于定义表格的一列，添加于< tr>< /tr>之间。< table>< /table>中有多少对tr就表示有多少行，< tr>< /tr>中有多少对td，就这一行表示有多少列。

表格的标签

border	设置边框大小，虚实，颜色等
width	设置表格宽度
bgcolor	设置表格背景颜色
valign	表示三种垂直对齐方式
align	设置表格在文档中的对齐方式

bgcolor：

有三种表达方式

1、 可以直接英文单词表示颜色

2、 16进制，以#开头，后面会跟6个字符，16进制的基数就是16，每个位置是0到f，
0 1 2 3 4 5 6 7 8 9 A B C D E F #11aaff
三原色：红绿蓝#00 红色00 绿色 00 蓝色
前两个字符：表示红色 中间：绿色 最后：蓝色

3、 rgb方式：html4以后就不用了，后面会用css弥补

rgb(255,0,0) 三个值：红绿蓝

cellpadding
表示内容和格线之间的距离

cellspacing
格线和格线之间的距离

合并行列：
colspan – 关于列的合并
rowspan – 关于行的合并

表单

用于收集用户信息，进行人机交互操作
表单：

一个完整的表单通常由3个部分组成的：表单域、提示文本、表单控件

表单控件：包含了和我说的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

提示文本：说明性的文字，提示用户填写和操作

表单域：相当于容器，容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所有程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传递到后台服务器。
input控件：

语法：< input type="" name="">
包含元素：文本框、单选按钮、列表框、图片框、复选框等、这些元素统称“控件”

控件的常用属性：

name	指定控件的名称，可以重复的
id	指定标签的唯一标识
value	输入(输入，收集)控件的值
checked	复选框（单选框）默认被选中的组件
selected	列表框默认被选中的项目
src	图片框的路径来源
onclick(………)	鼠标单击事件 – JavaScript（DOM操作）
disabled	禁用该控件
multiple	允许多选（适用于普通列表框）