HTML 02 表格和表单ppt课件.ppt

1,HTML表格和表单,2,回顾,使用基本标记标题标记段落标记块标记字符级标记列表水平标尺标记字体标记在HTML文档中插入图像,3,目标,使用表格使用表单,4,表的布局,5,创建表,数据单元格1数据单元格2数据单元格3数据单元格4数据单元格5数据单元格6,6,与表相关的标记,7,使用表的相关标记创建表,创建表一月二月三月四月五月六月100055024015002765124030002430250012509003400,8,插入行或列,要在表格中插入新行，只要在新行要出现的地方插入和标记即可。要在表格中插入新列，需要在每行相应的位置添加单元格。,9,插入行,使用表数据单元格1数据单元格2数据单元格3数据单元格4数据单元格5数据单元格6新行1新行2新行3,10,删除行或列,要删除行，需要删除相应的标记及该标记内的所有标记。要删除列，应将定义该列的所有标记都删除。,11,合并单元格,在或标记中使用COLSPAN属性，可以设置单元格所跨的列数，例如COLSPAN=3表示跨3列。在或标记中使用ROWSPAN属性，可以设置单元格所跨的行数，例如ROWSPAN=3表示跨3行。,12,合并单元格示例,创建表第一季度第二季度一月二月三月四月五月六月100055024015002765124030002430250012509003400,13,增加单元间隔和单元填充,CELLSPACING属性定义单元格之间的间距（以像素为单位）。CELLPADDING属性定义表的单元格边界与单元格内容之间的间距（以像素为单位）。,14,单元格中数据的对齐方式,align=leftalign=centeralign=right,valign=topvalign=middlevalign=bottom,数据单元格1,15,表单简介,表单的用途用户注册某种服务时，收集其姓名、地址、电话号码、电子邮件地址和其他信息。收集购买物品所需的信息。例如，如果想通过Internet购买一本书，就需要填写姓名、邮政地址和付款方式等。,16,一个样本表单,17,表单标记的常用属性,例如，要使用POST方法将表单提交给“processform”程序，可编程如下：,.表单内容.,18,表单中的几种元素,19,InputType属性,TEXT默认值：文本输入框PASSWORD：密码输入框HIDDEN：隐藏域FILE：文件上传控件CHECKBOX：复选框RADIO：单选按钮SUBMIT：提交按钮RESET：重置按钮BUTTON：普通按钮IMAGE：图像提交按钮,20,示例：,表单示例证券调查示例投资经验新手中级专家投资类型股票期权互惠基金今年选择什么证券？,21,其他输入元素,TextArea元素colsrows,22,示例：,表单示例证券调查示例有对其他投资者的建议吗？图4.3：示例2的输出结果发送重置,23,列表（下拉框）元素,SELECT元素namesizemultiple,24,示例：,表单示例证券调查示例您用什么方式购买证券？1)网上交易2)电话交易3)经纪人代理4)其他,25,表单中元素的公共属性,26,创建表单,控制表单元素Tab键顺序访问键禁用元素,27,示例：,求职申请表姓名：求职意向网站设计师网管网站开发人员工作经历无一年三年五年附注请在这里键入附注。发送确认,28,总结：,使用HTML标记创建表格，并通过相关的属性设置表格的格式。COLSPAN和ROWSPAN属性用于设置跨列和跨行的单元格。表单元素用于接受用户的输入并提供一些交互式操作。标记用于在页面上创建我们称为表单的区域。元素用于定义表单上表单元素的类