HTML培训课件-2.pptVIP

第二部分 框架与表单 目标 使用框架 使用表单和表单元素 框架 框架将 Web 浏览器分成多个不同的区域，每个区域都可以显示独立、可滚动的页面。 例如，可以在网页中使用三个框架，一个显示标题，一个用作导航菜单，一个显示数据。 框架使用示例： FRAMESET 元素 ·使用 FRAMESET 创建框架 ·其属性有： Rows Cols FRAME 元素 ·FRAME 元素的属性包括： Name Src Noresize Scrolling Frameborder Marginwidth Marginheight 嵌套的框架集 示例： 表单简介 ·表单的用途 用户注册某种服务时，收集其姓名、地址、电话号码、电子邮件地址和其他信息。 收集购买物品所需的信息。例如，如果想通过 Internet 购买一本书，就需要填写姓名、邮政地址和付款方式等。 一个样本表单 使用表单 HTML 输入元素属性 Input – Type 属性 ·TEXT [Default] ·CHECKBOX ·RADIO ·SUBMIT ·RESET ·IMAGE ·BUTTON 示例： 其他输入元素 ·TextArea 元素 Cols Rows Size Type Value ·BUTTON 元素 Name Value Type 示例： 列表（下拉框）元素 SELECT 元素 Name Size Multiple 示例： 创建表单 ·控制表单元素 设置焦点 禁用元素 示例： HandsOn HandsOn HTML HEAD TITLE两个大小相等的框架/TITLE /HEAD FRAMESET COLS=50%,* FRAME SRC=x.html FRAME SRC=y.html 图4.7：示例7的输出结果 /FRAMESET /HTML HTML HEAD TITLE嵌套框架/TITLE /HEAD FRAMESET cols=33%, 33%, 34% FRAME src = flowers.jpg FRAMESET rows=40%, 50% FRAME src = x.html FRAME src = y.html /FRAMESET FRAME src = flowers.jpg /FRAMESET /HTML HTML P很有趣吧。你已经对框架有所了解。 BRBR IFRAME src=x.html width=100 height=150 scrolling=auto frameborder=1 [浏览器不支持框架或者被配置为不显示框架。请在这里查看A href=x.html内容/A] 图4.13：示例14的输出结果（支援框架的浏览器） /IFRAME BR PFONT color = hotpink上面是一个内嵌框架。 /HTML 此属性指定向服务器发送数据的方法。如果值为GET，浏览器将创建一个请求，该请求包含页面URL、一个问号和表单的值。浏览器会将该查询返回给URL中指定的脚本，以进行处理。如果将值指定为POST，表单上的数据会作为一个数据块发送到脚本，而不使用任何请求字符串。语法为：METHOD = (GET | POST) 此属性指定处理提交的表单的脚本的位置。语法为：ACTION=URL MEDTHOD ACTION 例如，要使用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、RESET、FILE、HIDDEN和BUTTON。默认值为TEXT。 TYPE HTML HEAD TITLE表单示例/TITLE/HEAD BODY bgColor