HTML表格和表单解析.pptVIP

Author:Jedda HTML表格和表单 回顾 使用基本标记 标题标记 段落标记 块标记 字符级标记 列表 水平标尺标记 字体标记 在 HTML 文档中插入图像 目标 使用表格 使用表单 表的布局 创建表 与表相关的标记 使用表的相关标记创建表 插入行或列 要在表格中插入新行，只要在新行要出现的地方插入 TR 和 TD标记即可。  要在表格中插入新列，需要在每行相应的位置添加单元格TD。 插入行 删除行或列 要删除行，需要删除相应的 TR 标记及该 TR 标记内的所有 TD 标记。 要删除列，应将定义该列的所有 TD 标记都删除。 合并单元格 在 TH 或 TD 标记中使用 COLSPAN 属性，可以设置单元格所跨的列数，例如COLSPAN=3表示跨3列。 在 TH 或 TD 标记中使用 ROWSPAN 属性，可以设置单元格所跨的行数，例如ROWSPAN=3表示跨3行。 合并单元格示例 增加单元间隔和单元填充 CELLSPACING 属性定义单元格之间的间距（以像素为单位）。CELLPADDING 属性定义表的单元格边界与单元格内容之间的间距 （以像素为单位） 。 TABLE BORDER = 2 CELLSPACING = 2 CELLPADDING = 6 单元格中数据的对齐方式 align = left align = center align = right 表单简介 表单的用途 用户注册某种服务时，收集其姓名、地址、电话号码、电子邮件地址和其他信息。 收集购买物品所需的信息。例如，如果想通过 Internet 购买一本书，就需要填写姓名、邮政地址和付款方式等。 一个样本表单 form表单标记的常用属性 表单中的几种元素 Input – Type 属性 TEXT [默认值]：文本输入框 PASSWORD：密码输入框 HIDDEN：隐藏域 FILE：文件上传控件 CHECKBOX：复选框 RADIO：单选按钮 SUBMIT：提交按钮 RESET：重置按钮 BUTTON：普通按钮 IMAGE：图像提交按钮 示例： 其他输入元素 TextArea 元素 cols rows 示例： 列表（下拉框）元素 SELECT 元素 name size multiple 示例： 表单中元素的公共属性 创建表单 控制表单元素 Tab 键顺序 访问键 禁用元素 示例： 总结： 使用HTML标记创建表格，并通过相关的属性设置表格的格式。 COLSPAN和ROWSPAN属性用于设置跨列和跨行的单元格。 表单元素用于接受用户的输入并提供一些交互式操作。 FORM标记用于在页面上创建我们称为表单的区域。 INPUT元素用于定义表单上表单元素的类型和外观。 TEXTAREA元素用于创建多行文本输入框。 SELECT元素用于向用户显示选项列表。 元素的tabindex属性确定元素通过TAB键接收焦点的顺序。 HTML HEAD TITLE求职/TITLE/HEAD BODY H1CENTERFONT SIZE = 4 COLOR = Forestgreen申请表/CENTER/FONT/H1HRBR FORM action=/processform method=post P 姓名： INPUT type=text id=firstnameBR P求职意向BRBR INPUT TYPE=RADIO NAME=CONTROL1 VALUE=0 CHECKED网站设计师 INPUT TYPE=RADIO NAME=CONTROL1 VALUE=1 网管 INPUT TYPE=RADIO NAME=CONTROL1 VALUE=2 网站开发人员 P工作经历SELECT NAME=CONTROL2 OPTION无/OPTION OPTION一年/OPTION OPTION三年/OPTION OPTION五年/OPTION /SELECTBR P附注BR TEXTAREA NAME=CONTROL3 COLS=30 ROWS=5请在这里键入附注。/TEXTAREABR PINPUT NAME=CONTROL4 TYPE=CHECKBOX CHECKED发送确认 BR PINPUT TYPE=SUBMIT VALUE=确定 INPUT TYPE=RESET VALUE=重置 /FORM /BODY /HTML Version 3.0 * * Version 3.0 列 行 列标题 TABLE TR TD数据单元格1/TD TD数据单元格2/TD TD数据单元格3/TD /TR