第2章 HTML语言-表单.ppt

2.7.1 基本概念 2.7.2 from元素 2.7.3 表单域元素 2.7 表单 表单在HTML页面中有着重要作用，他是与用户交互信息的主要手段。 一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。 2.7 表单 2.7 表单 2.7.1基本概念 表单是收集客户端提交信息的一种方式 表单是网站实现互动功能的重要组成部分，是浏览器端与服务器端实现交互的重要手段。 2.7 表单 表单的主要功能是收集浏览者信息： 意见簿表单 订单输入表单 定购表单 注册表单 定制表单 2.7 表单 表单信息的处理过程： 首先在HTML文档中添加FORM元素，并在表单域中加入相关标记 用户单击表单中的提交按钮，输入在表单中的信息就会上传到服务器中。 服务器的某个程序接收和分析这些信息，并作出相应处理 将处理结果存储在服务器数据库中，或者将有关信息返回到浏览器端。 2.7 表单 2.7.2 from元素 FORM标记 Action属性 Method属性 Name属性 2.7 表单 表单作为网页上的一个特定区域，由FORM标记对定义。 限定表单范围 携带表单相关信息 基本语法： form…/form 2.7 表单 Action属性指定处理表单内容的程序所在地址，通常设置为URL方式。 基本语法： form action=/cgi-bin/post-query …/form form action=mailto:formtest@126.com …/form 表单数据发送到Action属性指定的地址时，需要指定传输方式，这由Method属性给出。 GET方法：将表单内容附加在URL地址后面，适合于有哪些信誉好的足球投注网站引擎。缺陷：数据长度有限制；普通文本传送，不适合密码传输；处理非英文字符时可能出问题。 POST方法：以数据流的形式传输表单数据。 基本语法： form action=/cgi-bin/post-query method=“get”…/form 2.7 表单 表单数据在发送前进行检查（成为表单验证），需要用到脚本。 Name属性为表单指定一个名称，以方便脚本使用。 基本语法： form action=/cgi-bin/post-query method=“get” name=“form_name”…/form 2.7 表单 2.7 表单 2.7.3 表单域元素 表单是由域（控件）组成的，可以控制表单的结构和显示。 文本域、密码域、复选框、单选框 下拉菜单 滚动列表 多行文本区 按钮元素 2.7 表单 INPUT称为表单输入标记，常用于文本、按钮等表单域。 基本语法： Input name=“field_name” type=“type_name” …/Input 2.7 表单 属性值 描述 Text 文字域 File 文件域 Password 密码域 Chechbox 复选框 radio 单选框 Button 普通按钮 Submit 提交按钮 Reset 重置按钮 hidden 隐藏域 Image 图像提交按钮 type属性 2.7 表单 Text属性值用来设定表单的文本域，输入任何内容的文本。 基本语法： Input type=“text” name=“field_name” maxlength=value size=value value=“field_value”…/Input 2.7 表单 File属性值用来设定用户需要传送的文件路径。 基本语法： Input type=“file” name=“field_name” …/Input 2.7 表单 Password属性值用来设定密码域，在密码域中文字以“*”显示。 基本语法： Input type=“Password” name=“field_name” …/Input 2.7 表单 Checkbox属性值用来设定复选框，提供多种选择项以便用户选择（可以选多个）。 基本语法： Input type=“Checkbox” name=“field_name”  checked value=“value” …/Input 2.7 表单 Radio 属性值用来设定单选框，提供多种选择项以便用户选择（只能选一个）。 基本语法： Input type=“Radio” name=“field_name”  checked value=“value” …/Input 2.7 表单 Submit 属性值用来设定提交按钮，实现表单内容的提交。 基本语法： Input type=“submit