第五章、表单与特殊对象.pptVIP

第五章、表单与特殊对象 学习目标 理解在网页中可使用的对象类型。 掌握在网页中插入多媒体对象和Java小应用程序的方法。 理解Flash动画中的基本概念，初步掌握Flash动画的制作方法。 理解表单的概念，掌握表单的制作。 5.1 创建表单 什么是表单 表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，它由表单控件和一般内容组成。 例如： 注册表单 登录表单 表单的工作原理 表单控件的类型 文本框 复选框 单选框 按钮 选项菜单 …… FORM标记符 要在网页中添加表单，应再文档中添加Form标记符。 基本语法： FORM action=“服务器程序的URL” method=“getlpost” enctype=“type” 各种表单元素的定义 FORM FORM标记符 指定了如下内容： 表单的布局（由包含在FORM标记内的具体内容决定）； 用于处理已提交表单数据的程序（由action属性指定），该程序必须能够处理表单数据； 用户数据提交给服务器的方法（由method属性指定）; 表单发送时所使用的内容类型(由enctype属性指定). FORM标记符 FORM包含所有表单内容 Action 属性 服务器端脚本程序（ASP、JSP、PHP、Perl等） mailto:mailbox@ Method属性（get、post） Enctype属性 5.2 创建表单控件 文本框 基本语法 input type = “text” !类型 name=“” !控件的名称 value=“” !控件的初始值 size=“” !指定了文本框的宽度 maxlength=“” !指定了在文本框可以输入的最长文本数 Name和value用于程序处理 口令框 基本语法 input type = “password” !类型 name=“” !控件的名称 value=“” !控件的初始值 size=“” !指定了文本框的宽度 maxlength=“” !指定了在文本框可以输入的最长文本数 Name和value用于程序处理 演示——文本框示例 看书p96页(5分钟),有不懂地方请问? 复选框 基本语法 input type = “checkbox” !类型 name=“” !控件的名称 value=“” !控件的初始值,checked表示在初次显示时为选中状态 Name和value用于程序处理 单选框 基本语法 input type = “radio” !类型 name=“” !控件的名称,名称相同者为一组 value=“” !控件的初始值,checked表示在初次显示时为选中状态 Name和value用于程序处理 演示——复选框与单选框 看书p97页(5分钟),有不懂地方请问? 文件选择框 基本语法 input type = “file” !类型 name=“” !控件的名称 Size=“” ! 设置用于保存文件名的字段的宽度 value=“” !控件的初始值,checked表示在初次显示时为选中状态 Name和value用于程序处理. 演示——文件选择框 看书p99页(5分钟),有不懂地方请问? 按钮 提交按钮 input type=“submit” name=“” value=“” 重置按钮 input type=“reset” name=“” value=“” 自定义按钮 input type=“button” name=“” value=“” 演示——不同的按钮效果1 不同的按钮效果2 看书p100页(5分钟),有不懂地方请问? 多行文本框 基本语法: TEXTAREA标记符 TEXTAREA name=“”rows=“” cols=“”默认多行文本 /TEXTAREA Rows设置多行文本的行数; cols设置多行文本的列数; 演示——多行文本框 看书p102页(5分钟),有不懂地方请问? 选项菜单 基本语法: SELECT name=“” size=“”mutiple option label=“” value=“” option option label=“” value=“” option !更多option / SELECT 演示——选项菜单 看书p103页(5分钟),有不懂地方请问? 5.3 设置控件的标签 设置表单控件的标签 基本语法: LABEL for=“controlID”标签文本/LABEL INPUT id=“controlID” For属性所指定的ID是表单中一个控件的ID属性。 演示——设置表单控件的标签 看书p104页(5分钟),有不懂地方请问? 5.4 网页中的特殊对象