《Web技术基础》第4课表单分析.ppt

9.2 表单域——fieldset标签 select可创建单选或多选列表，当提交表单时，浏览器会提交选定的项目。 select标签常用属性。 如果size属性的值大于1，但是小于列表中选项的总数目，浏览器会显示出列表框，表示可以查看更多选项，否则浏览器会显示出下拉列表框。 属性 值 描述 disabled disabled 禁用列表 multiple multiple 可选择列表多个选项 name name 列表名称 size number 列表中可见选项的数目 9.2 表单域——option标签 option定义列表中的一个选项，浏览器将option中的内容作为select标签列表的一个选项显示，option元素位于select内部。option标签常用属性。 属性 值 描述 disabled disabled 选项在首次加载时被禁用 label text 使用optgroup时的标注 selected selected 选项表现为选中状态 value text 送往服务器的选项值 9.2 表单域——optgroup标签 optgroup用于组合选项，当使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。optgroup标签常用的属性。 属性 值 描述 label text 选项组描述或标注 disabled disabled 禁用该选项组 9.2 表单域——optgroup标签 实例xhtml(form_select).html，使用select标签和option标签建立了列表，并通过optgroup标签把相关的选项组合在一起。 select optgroup label=行政单位 option value =教务处教务处/option option value =人事处人事处/option /optgroup optgroup label=教学单位 option value =数学系数学系/option option value =信息学院信息学院/option /optgroup /select 9.2 表单域——button标签 button标签定义一个按钮。在button内部，可以放置内容，比如文本或图像。这是该元素与使用input创建的按钮不同之处。 button与input type=button相比，提供了更为强大的功能和更丰富的内容。button与/button 标签之间的所有内容都是按钮的内容。如可以在按钮中包括一个图像和相关的文本。 9.2 表单域——button标签 button标签常用属性。 按钮需定义type。IE默认类型是button，而其他浏览器中默认值是submit。 在表单中使用button，不同的浏览器会提交不同的值。IE提交button与button/之间的文本，而其他浏览器将提交value属性的内容。 属性 值 描述 disabled Disabled 禁用按钮 name Name 按钮名称 type button reset submit 按钮类型 value text 按钮显示的初始值 课堂互动 叮叮书店联系我们页面的建立 小结 介绍了XHTML表单的基本概念和结构，详细介绍了表单域的各种元素及用法，通过叮叮书店联系我们页面详细介绍了表单的应用。 课外任务 作业（本周日17:00 前由组长负责收集并打包给老师） P113：习题1、习题2.4- 2.5 从教学群下载“《Web技术基础》课程学案.doc”文件完成第5次课学案内容并填写“《 Web技术基础》课程前馈表”于本周六17:00前由各组组长收集（每组集成到一个文件中）通过QQ群及时反馈。 * 第4课表单 知识回顾 超连接 a标签 XHTML字符集与颜色 多媒体 img标签 XHTML音频 XHTML动画 XHTML视频 XHTML表格 前馈及作业总结 上次课提交实验复制（0分、-20分） 王硕、张世成、林欣卓。 杨佳文、王迪。 裴影、王一鹏。 较好：5、7组，4组稍晚。 问题 没交。 没有提出问题。 作业问题 没有建立建点，应该在站点里进行操作。 素材不往站点里放。 a href=#叮叮书店叮叮书店/a 照猫画虎 前馈检查 表单发送数据有那些方法？各自有什么优缺点？ 表单有什么作用？ 表单域元素有哪些？ 普通按钮与重置按钮和提交钮有什么区别？ 讲授内容 XHTML表单 XHTML表单操作 9.1 XHTML表单——表单 表单是一个包含表单域的容器。表单元素允许用户在表单中使用表单域输入信息。 一个表单可以看成有三个组成部分：表单标签、表单域和表单按钮。表单标签包含了处理表单数据所用的程序和数据提交到服务器的方法。表单域包含了文本框、密码框、多行文本框、复选框