《Internt应用技术》第3章.ppt

知识回顾 本章目标 理解表单 理解表单 创建表单 创建表单 创建表单 输入表单元素 输入表单元素 输入表单元素 下拉列表框 下拉列表框 多行文本框 多行文本框 理解框架 理解框架 理解框架 理解框架 理解框架 建立基本的框架设置 建立基本的框架设置 建立基本的框架设置 格式化框架 内嵌框架IFRAME 内嵌框架IFRAME 设计原则 总结 习题 作业 IC-MSP2.0 IC-MSP2.0 * Internet应用技术 HTML基础 理解HTML 在HTML页面中使用颜色、链接 在HTML页面中使用图片、多媒体 列表、表格的应用 3 表单与框架 第 章 掌握表单的使用 掌握框架的使用 表单的作用： 用户在网上注册时，填写注册信息，例如：姓名、性别、联系方式等 在网上购物时，结帐时要提供姓名、送货地址、联系方式等信息 网站搜集信息、用户网上提交信息都会使用到表单 提交个人信息页面： 创建一个简单的表单： FORM name=personalinfo METHOD=post ACTION= P姓名： INPUT TYPE=text NAME=name /P P INPUT TYPE=submit NAME=Submit VALUE=提交 INPUT TYPE=reset NAME=reset VALUE=重置 /P /FORM 表单常用的属性： 设置向接收页面提交数据方式，METHOD=“GET/POST”，默认GET，通过URL的尾参数传递所提交信息，第一个参数值在URL后面用“？”连接，后面不同参数间用“”分隔。提交后包含参数的URL会在地址栏显示。POST方式则对信息进行封装，再发送给相应程序，地址栏中不显示包含参数的URL。 METHOD 属性值指定为表单内容要提交给的页面。ACTION=“合法URL”。不指定URL，则默认为当前页面。 ACTION 表单名称，可以自定义名称，NAME=“表单名称” NAME 描述 名称 只创建表单并不能达到要求，需要增加表单元素，常用表单元素： 文本框、隐藏文本框、多行文本输入区 单选框、多选框 提交按钮、重置按钮 列表框 文件上传框 常用输入表单元素基本定义格式： INPUT TYPE=TYPE属性值 NAME=表单元素名称 TYPE属性值可以是如下值： TEXT PASSWARD HIDDEN FILE RADIO CHECKBOX SUBMIT RESET BUTTON IMAGE 输入表单元素除TYPE外常用的属性及作用： 格式为SRC=“URL”。用于IMAGE类型表单元素，制定图片位置。 SRC 指定是否被选中。常用于RADIO或CHECKBOX类型表单元素。 CHECKED 指定在TEXT或PASSWORD表单元素中可以输入的最大字符数。 MAXLENGHT 指定表单元素长度。 SIZE 可选，指定表单元素值 VALUE 指定表单元素名称。 NAME 输入表单元素可以触发相应的事件，在事件被触发时可以调用JavaScript代码： 文本内容被改变触发的事件 ONCHANGE 得到焦点时要触发的事件 ONFOCUS 被单击时要触发的事件 ONCLICK 创建下拉列表框的语法格式： SELECT NAME=表单元素名称 OPTION VALUE= 选项/OPTION /SELECT SIZE属性设置列表的高度，既在页面显示的行数，如果给定选项数量超出设定值，则会出现滚动条。 不设置SIZE属性，则为下拉式选择，SIZE属性缺省值为1。 同时设置了SIZE和MULTIPLE属性，则选择时可以多选。 下拉列表框被单击时也会触发ONCLICK 事件，得到焦点时会触发ONFOCUS事件 SELECT NAME=company SIZE=3 MULTIPLE OPTION VALUE= 1IMTI/OPTION OPTION VALUE= 2IBM/OPTION OPTION VALUE= 3INTEL/OPTION OPTION VALUE= 4MOTO/OPTION OPTION VALUE= 5HP/OPTION /SELECT 创建多行文本框的语法格式： TEXTAREA NAME=表单元素名称 /TEXTAREA COLS属性指定多行文本框的宽度 ROWS属性指定多行文本框的显示行数 多行文本框被单击时也会触发ONCLICK 事件，得到焦点时会触发ONFOCUS事件。 html head title多行文本/title /head body TEXTAREA NAME=desc cols=10 rows=10