专题7 表单（课件）-《网页设计与制作》（电子工业出版社）高考备考讲练测(山东省)

专题七、表单 网页设计与制作课程 专题复习讲练测 考纲要求 1、掌握表单的作用、组成及插入方法。 2、了解各类表单对象的作用、插入方法及属性设置。 知识点梳理 一 第一讲 表单 知识点一 静态网页和动态网页 1、静态网页和动态网页 纯粹HTML格式的网页 静态网页：把内容设计成静态网页，向每位浏览者发送完全相同的页面 访问者只能被动地浏览网页内容，不涉及任何交互活动 其扩展名一般是htm、html、shtml、xml等。 采用动态网站技术（如ASP、JSP、PHP）生成的网页 动态网页： 以数据库技术为基础，根据浏览者的输入信息提供不同的页面 其扩展名一般为aspx、asp、jsp、php等。 知识点梳理 一 第一讲 表单 知识点二 表单的概念、组成及作用 1、概念 表单是Internet用户和服务器之间进行信息交流的一种重要工具，它将用户信息收集起来并提交给Web服务器上特定的程序进行处理。 2、组成及作用 一个完整的表单由表单对象和应用程序两部分组成。其中表单对象就是HTML源代码，起描述作用；应用程序是服务器和客户端的交互，通过它们实现对用户信息的处理，不使用处理脚本或应用程序就不能搜集表单数据。 知识点梳理 一 第一讲 表单 3、表单对象的组成 （1）表单标签：包含了处理表单数据所用CGI程序的URL，以及数据提交到服务器的方法。通常将表单标签称为表单。 （2）表单域：包含了文本字段、密码字段、隐藏域、文本区域、复选框、单选按钮、列表/菜单和文件域等。 提交按钮----将数据传送到表单action指定的地址。 （3）表单按钮： 重置按钮----取消输入，恢复到初始载入状态。 普通按钮----没有内在行为，但可用JvaScript等脚本语言指定动作 知识点二 表单的概念、组成及作用 知识点梳理 一 第一讲 表单 知识点三 插入表单 1、插入表单 首先将光标定位到插入表单的位置； 选择“插入→表单→表单“命令 或单击插入面板“表单”类别中的“表单”按钮。 提示 插入的表单在文档窗口中以红色虚线表示，若没有看到所创建的表单边框，选择“查看” →“可视化助理” →“不可见元素”命令，将边框线显示出来。 知识点梳理 一 第一讲 表单 知识点四 表单属性设置 1、选定表单 单击表单轮廓线或左下角的标签选择器中选择“<form#form1>”标签。 2、属性： 表单ID：表单唯一名称，默认命名form+N。 动作action：设置处理表单信息的后台处理文件， ASP或PHP文件等。 目标target：选择打开返回信息网页的方式。 (_blank/new/_parent/_self/_top) 方法Method ：数据向服务器发送方法 默认：一般浏览器采用GET方法 POST：数据嵌入HTTP请求中，发送大量数据，安全性比较高。 GET：数据附加到URL地址中，只能够发送少量数据。 编码类型 enctype：表单向服务器提交的数据类型所采用的编码处理方式。 知识点梳理 一 第一讲 表单 知识点五 插入文本域 1、含义 文本域是表单中常用的表单对象，可以用于在文本字段中输入简单文本。 内容：文本、字母或数字等 显示形式：单行(text)、多行/文本区域(textarea)或密码(password)。 2、操作步骤： 光标定位到要插入文本字段的位置。 选择“插入→表单→文本/密码/文本区域“命令 或单击插入面板“表单”类别中的“文本/密码/文本区域”按钮。 知识点梳理 一 第一讲 表单 知识点五 插入文本域 3、属性 文本域name：名称，被后台处理程序引用，通过名称来接收文本字段的内容。 字符宽度size：设置该文本字段可以显示的字符数量。 最多字符数maxlength：设置该文本字段中最多可以输入的字符数量，可以限制用户名长度。 类型：设置该文本字段的类型，如单行、多行或密码等。密码类型用符号“●”显示。 初始值value：设置该文本字段默认显示的文本。 禁用Disabled: 在预览时，鼠标单击没有任何反应，不能输入任何内容。 Required：浏览器检查是否已选定值。 Auto