HTML语言—表单解读.ppt

表 单  主要内容: 表单基本概念,FORM元素,域元素和表单设计. 重点内容: 域元素的应用与表单设计. 难点内容: 应用表格布局表单域元素. 课时:1 一、基本概念 表单是收集客户端提交信息的一种方式 表单是网站实现互动功能的重要组成部分，是浏览器端与服务器端实现交互的重要手段。 基本概念（续） 表单的主要功能是收集浏览者信息： 意见簿表单 订单输入表单 定购表单 注册表单 定制表单 基本概念（续） 表单信息的处理过程： 首先在HTML文档中添加FORM元素，并在表单域中加入相关标记 用户单击表单中的提交按钮，输入在表单中的信息就会上传到服务器中。 服务器的某个程序接收和分析这些信息，并作出相应处理 将处理结果存储在服务器数据库中，或者将有关信息返回到浏览器端。 二、FORM元素 FORM标记 Action属性 Method属性 Name属性 FORM标记 表单作为网页上的一个特定区域，由FORM标记对定义。 限定表单范围 携带表单相关信息 基本语法： form…/form action属性 Action属性指定处理表单内容的程序所在地址，通常设置为URL方式。 基本语法： form action=/cgi-bin/post-query …/form form action=mailto:formtest@126.com …/form !-- 文件范例： EX0501.htm -- !-- 文件说明：表单示例 -- html head title表单示例/title /head body form action=“/cgi-bin/post-query.pl” method=“post”  name=“f1” 表单域和HTML标记内容 /form /body /html 三、表单域元素 表单是由域（控件）组成的，可以控制表单的结构和显示。 文本域、密码域、复选框、单选框 下拉菜单 滚动列表 多行文本区 按钮元素 INPUT标记 INPUT称为表单输入标记，常用于文本、按钮等表单域。 基本语法： Input name=“field_name” type=“type_name” …/Input type属性 文本域 Text属性值用来设定表单的文本域，输入任何内容的文本。 基本语法： Input type=“text” name=“field_name” maxlength=value size=value value=“field_value”…/Input !-- 文件范例： EX0502.htm -- !-- 文件说明：文字域 -- html head title插入文字域/title /head body h1用户调查/h1 form action=“mailto:formtest@126.com ”  name=“invest” 姓名：input type=“text” name=“username” size=20 br 网址：input type=“text” name=“url” size=20 maxlength=50 value=“http://” /form /body /html 文件域 File属性值用来设定用户需要传送的文件路径。 基本语法： Input type=“file” name=“field_name” …/Input !-- 文件范例： EX0503.htm -- !-- 文件说明：文件域 -- html head title插入文件域/title /head body h1用户调查/h1 form action=“mailto:formtest@126.com ” name=“invest” 姓名：input type=“text” name=“username” size=20 br 网址：input type=“text” name=“url” size=20 maxlength=50 value=“http://” 附件：input type=“file”