Html表单及框架4.ppt

Author:Jedda HTML表单和框架 回顾： 使用HTML标记创建表格，并通过相关的属性设置表格的格式。 层就像一个包含内容的框架，可以将它放到HTML文档中所需的位置。 在HTML文件中插入多媒体。 插入GIF动画 插入音频和视频文件 插入 Java Applet 插件 目标 使用表单和表单元素 使用框架 表单简介 表单的用途 用户注册某种服务时，收集其姓名、地址、电话号码、电子邮件地址和其他信息。 收集购买物品所需的信息。例如，如果想通过 Internet 购买一本书，就需要填写姓名、邮政地址和付款方式等。 一个样本表单 使用表单 HTML 输入元素属性 Input – Type 属性 TEXT [Default] PASSWORD CHECKBOX RADIO SUBMIT RESET IMAGE FILE BUTTON HIDDEN 示例： 其他输入元素 TextArea 元素 Cols Rows BUTTON 元素 Name Value Type 示例： 列表（下拉框）元素 SELECT 元素 Name Size Multiple 示例： 创建表单 控制表单元素 设置焦点 Tab 键顺序 访问键 禁用元素 示例： 框架 框架将 Web 浏览器分成多个不同的区域，每个区域都可以显示独立、可滚动的页面。 例如，可以在网页中使用三个框架，一个显示标题，一个用作导航菜单，一个显示数据。 框架的使用 在页面的某个固定部分显示徽标或静态信息。 用户只需单击鼠标就可以在网站中导航，而无需经常移回目录页。 多个视图 框架使用示例： FRAMESET 元素 使用 FRAMESET 创建框架 其属性有： Rows Cols FRAME 元素 FRAME 元素的属性包括： Name Src Noresize Scrolling Frameborder 嵌套的框架集 NOFRAMES 元素 内嵌框架 IFRAME属性 Name Width Height 示例： 总结： 表单元素用于接受用户的输入并提供一些交互式操作。 FORM标记用于在页面上创建我们称为表单的区域。 INPUT元素用于定义表单上表单元素的类型和外观。 TEXTAREA元素用于创建多行文本输入框。 SELECT元素用于向用户显示选项列表。 元素得到焦点时，它的状态将变为活动。 元素的Tabindex属性确定元素通过TAB键接收焦点的顺序。 框架将Web浏览器窗口分隔为多个不同的区域，每个区域都可以显示一个独立、可滚动的页面。 Version 3.0 * * Version 3.0 Version 3.0 application/x-www-form-urlencoded -- 窗体数据被编码为名称/值对.这是标准的编码格式. multipart/form-data -- 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分. text/plain -- 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符 enctype 此属性指定向服务器发送数据的方法。如果值为GET，浏览器将创建一个请求，该请求包含页面URL、一个问号和表单的值。浏览器会将该查询返回给URL中指定的脚本，以进行处理。如果将值指定为POST，表单上的数据会作为一个数据块发送到脚本，而不使用任何请求字符串。语法为：METHOD = (GET | POST) 此属性指定处理提交的表单的脚本的位置。语法为：ACTION=URL 语法为：ACCEPT=Internet media type METHOD ACTION ACCEPT 例如，要使用POST方法将表单提交给“processform”程序， 可编程如下： FORM action=/processform METHOD=post ...表单内容... /FORM SRC=URL。当使用IMAGE作为输入类型时使用此属性，它用于标识图像的位置。 SRC 此属性是一个Boolean属性，指定按钮是否是被选中的。当输入类型为RADIO或CHECKBOX时，使用此属性。 CHECKED 此属性用于指定在TEXT或PASSWORD表单元素中可以输入的最大字符数。默认值为无限的 MAXLENGHT 此属性指定表单元素的显示长度。用于文本输入的表单元素即输入类型是TEXT或PASSWORD的 SIZE 此属性是可选属性，它指定表单元素的初始值 VALUE 此属性指定表单元素的名称。例如，如果表单上有几个文本框，可以按照名称来标识它们 - TEXT1、TEXT2或用户选择的任何名称。 NAME 此属性指定表单元素的类型。可用的选项有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、