表格与表单.ppt

完整的示例 演示代码 3.综合应用 使用表格创建页面结构 添加表单元素 3.综合应用 制作步骤： 第一步：添加表单 第二步：创建一个14行两列的表格，宽度300像素，高度自动，单元格的间距设置为5 第三步：添加表单元素，设置表单元素的属性值 3.综合应用 关键代码 select name=select option value=1/option option value=2/option option value=3/option /select input name=username type=text id=username size=30 input name=password type=password id=password size=30 TEXTAREA name=textarea cols=100 rows=5readOnly 1. 接受条款 欢迎光临中国雅虎。中国雅虎根据以下服务条款为您提供服务。... /TEXTAREA input id=yml_0 value=trl type=checkbox name=mail_directory 旅游 input name=sex type=radio value=radiobutton checked男 下拉列表 文本框 复选框 单选按钮 演示代码 表格可以以行列对齐的形式来显示文本和数字信息以及固定文本或图像的显示位置。 HTML表格由table元素以及一个或多个 tr、th或 td元素组成 常用的表格属性有width、height、align、valign、bgcolor、background等。 表单在web页面中用来让访问者填写信息，并将信息提交至服务进行处理，从而使用web服务器与用户之间具有交互的功能。 表单常用于制作调查问卷、购物车页面、用户注册与登录等页面。 表单的action属性用于设置表单信息提交到服务器程序的地址，method属性设置信息提交的方式。 常用的表单元素有单行文本框、密码框、多行文本框、下拉列表框、单选按钮、复选框等。 总结 * * * 缺一张图 * 缺一张图 * 缺一张图 * 缺一张图 * 第2章　表格与表单 内容回顾 HTML（HyperText Mark-up Language）即超文本标记语言。 一个完整的HTML文档至少包含html、head、title、body这四个标签。 HTML的常用的基本标签有格式标签、文本标签、图像标签、超链接标签等。 HTML文档中，文件引用路径分为两种：相对路径和绝对路径。 本章内容 表格的基本结构 常用表格的属性的用法 form标签 常用表单元素 掌握如何创建表格 掌握表格属性的用法 掌握如何创建表单 掌握表单元素的用 本章目标 1.表格基础 表格可以以行列对齐的形式来显示文本和数字信息，还可以固定文本或图像的显示位置。 1.1表格的基本结构 table标签创建HTML 表格及设置表格的相关属性 caption标签创建表格标题 th标签创建表格内的表头单元格 tr标签创建表格中的每一行 td标签创建包含数据的标准单元格 1.2 如何创建表格 table caption/caption th td/td /th tr td/td /tr /table 行 表格 列 表格标题 列标题 1.2 如何创建表格 table border=1 caption学员信息表/caption tr th编号/thth姓名/thth年龄/thth学历/th /tr tr td1/tdtd张明/tdtd18/tdtd大专/td /tr tr td2/tdtd李强/tdtd20/tdtd大专/td /tr /table 演示示例 1.3 表格属性 width与height table border=1 width=300 height=200 caption学员信息表/caption tr th 编号/thth width=100姓名/thth年龄/thth学历/th /tr tr td1/tdtd张明/tdtd18/tdtd大专/td /tr tr td2/tdtd李强/tdtd20/tdtd大专/td /tr /table 演示示例 1.3 表格属性 border与bordercolor table width=300 height=200 border=1 bordercolor=#0000FF caption学员信息表/caption tr th 编号/th th width=100姓名/th th年龄/th t