表单
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Baidu Nhomakorabea
【列表值】对话框
【高度为4】的列表 选定初始值的列表
6. 跳转菜单 跳转菜单是常见链接的一种形式，但与真正的链接相比， 跳转菜单是常见链接的一种形式，但与真正的链接相比， 跳转菜单可以节省很大的空间。跳转菜单从表单发展而来， 跳转菜单可以节省很大的空间。跳转菜单从表单发展而来， 浏览者单击扩展按钮打开下拉菜单，在菜单中选择链接， 浏览者单击扩展按钮打开下拉菜单，在菜单中选择链接，即 可连接到目标网页。 可连接到目标网页。
8.1 创建表单 8.2 添加表单对象 1. 文本域 2. 隐藏 3. 复选框 4. 单选按钮 5. 列表、菜单 列表、 6. 跳转菜单 7. 创建文件域 创建文件域 8. 表单按钮
课后作业
8.1 创建表单
● 表单的作用 ● 表单的组成 ● 表单的工作原理 ● 表单创建的基本操作 ● 明值对的作用
一个包含表单的页面
文本字段 列表/菜单 单选按钮 复选框
文本区域
按钮
8.2 添加表单对象
● 表单对象 一个空的表单（有的书上叫表单标 签，有的书上叫表单域）是没有任 何用途的，只有在表单域中添加了 表单对象，并对其属性和值进行设 置后才能发挥表单强大的数据交换 功能表单对象包括文本域（有的书 上叫文本字段）、文本区域、隐藏 域、复选框、单选按钮、列表（菜 单）、跳转菜单、文件域、表单按 钮等等。
3. 复选框 如果读者打算让浏览者可以从一组选项中选择多个选项， 如果读者打算让浏览者可以从一组选项中选择多个选项，如 兴趣、特长等问题，则可以使用复选框。 兴趣、特长等问题，则可以使用复选框。
4. 单选按钮 在要求浏览者只能从一组选项中选择一个选项时， 在要求浏览者只能从一组选项中选择一个选项时，可以使用 单选按钮
行文本域的【属性面版】
文本编辑窗口
2. 隐藏域 读者可以使用隐藏域存储并提交非浏览者输入的信息， 读者可以使用隐藏域存储并提交非浏览者输入的信息 ， 该信息 浏览者是看不到的。 浏览者是看不到的。 具体的操作步骤如下所述: 具体的操作步骤如下所述: (1)将光标置于页面中需要插入隐藏域的位置。 将光标置于页面中需要插入隐藏域的位置。 (2) 选择 【 插入快捷栏 】 的 【 表单 】 分类 ， 单击左边第3 个 【 隐 选择【 插入快捷栏】 表单】 分类， 单击左边第 3 藏域】 藏域】按钮 ，随后一个隐藏域的标记便插入到了网页中。 随后一个隐藏域的标记便插入到了网页中。 (3) 单击隐藏域的标记将其选中 ， 隐藏域的 【 属性面版】 出现。 单击隐藏域的标记将其选中， 隐藏域的【 属性面版】 出现 。 • 【隐藏区域】文本框指定隐藏域的名称，默认为hiddenField。 隐藏区域】文本框指定隐藏域的名称，默认为hiddenField。 • 【 值 】 文本框设置要为隐藏域指定的值 ， 该值将在提交表单 文本框设置要为隐藏域指定的值， 时传递给服务器。 时传递给服务器。
添加跳转菜单
页面中的跳转菜单
7. 创建文件域 文件域可以让用户在域的内部填写自己硬盘中的文 件路径，然后通过表单上传，这是文件域的基本功能。 件路径，然后通过表单上传，这是文件域的基本功能。文 件域有一个文本框和一个【浏览】按钮组成。 件域有一个文本框和一个【浏览】按钮组成。访问者可以 通过表单的文件域来上传指定的文件。 通过表单的文件域来上传指定的文件。访问者可以在文件 域的文本框中输入一个文件的路径， 域的文本框中输入一个文件的路径，也可以单击文件域的 【浏览】按钮来选择一个文件，当访问者提交表单时，这 浏览】按钮来选择一个文件，当访问者提交表单时， 个文件被上传。 个文件被上传。 8. 表单按钮 对表单而言，按钮是非常重要的， 对表单而言，按钮是非常重要的，它能够控制对表 单内容的操作， 单内容的操作，如【提交】或【重置】。要将表单内容发 提交】 重置】 送到远端服务器上，请使用【提交】 送到远端服务器上，请使用【提交】按钮；要清除现有的 表单内容，请使用【重置】按钮。 表单内容，请使用【重置】按钮。
5. 列表、菜单 列表、 除了复选框和单选按钮以外， 在遇到需要制作选项时， 除了复选框和单选按钮以外 ， 在遇到需要制作选项时 ， 读者还可以使用列表、菜单。在拥有较多选项， 读者还可以使用列表、菜单。在拥有较多选项，并且网页空 间有比较有限的情况下，列表/ 间有比较有限的情况下，列表/菜单将会发挥出最大的作用
● 表单的作用 表单提供了从用户那里收集信息、向数据库中添加信 息和从数据库中搜索信息的方法，是建立动态网页的最重要 的工具。 ● 表单的组成 一般的表单由两部分组成，一是描述表单的HTML源 一般的表单由两部分组成，一是描述表单的HTML源 代码，二是客户端的脚本，或者服务器用来处理用户所填写 信息的程序。 ● 表单的工作原理 当访问者将信息输入表单并单击提交按钮时，这些信 息将被发送到服务器，服务器端脚本或应用程序在该处对这 些信息进行处理，服务器通过将请求信息发送回用户，或基 于该表单内容执行一些操作来进行响应。
一个包括以上表单对象的表单
文件域
跳转 菜单
1. 文本域 Text Field(文本域)：选择单行文本域、多行文本域或者密码 Field(文本域)：选择单行文本域、 文本域。指定显示尺寸和用户可以输入得最多字符数， 文本域。指定显示尺寸和用户可以输入得最多字符数，后者 是可选的。 是可选的。通过浏览器输入到密码文本域中的文本将显示为 项目符号、 或者星号， 项目符号 、 X或者星号，根据用户的系统和浏览器设置的不 同有所区别。 同有所区别。
● 表单创建的基本操作 表单是用HTML标签创建的。<form></form>成对标签 表单是用HTML标签创建的。<form></form>成对标签 包围着其它表单对象标签，比如<input>,<select>和 包围着其它表单对象标签，比如<input>,<select>和<submit> 等标签。每个表单都是由一个表单域和若干个表单元素（表 单对象）组成的，所有的表单元素放到表单域中才会有效， 因此，制作表单页面的第一步是创建表单域。然后插入表单 对象。 ● 明值对的作用 表单使用表单对象时，要为每一个对象指定一个唯一 的名称，由表单对象的名称和用户提供的信息（即值）组合 成一个名值对。名值对很有用处，可以在电子邮件中传送， 也可以作为域列的数据存储（名称对应于域，值对应于列）， 或者由访问者的计算机将其作为脚本变量记住。根据用于处 理或加工表单的技术类型，名值对的使用方法也有所不同。
●总结 网页制作不但要求有一定的DREAMWEAVER操作技能， 网页制作不但要求有一定的DREAMWEAVER操作技能，还要 有一定的美学基础，还要学习一下PHOTOSHOP,FLASH等工具软件， 有一定的美学基础，还要学习一下PHOTOSHOP,FLASH等工具软件， 如果想做动态网页，还必须学习一下服务器编程语言，如 ASP,JSP等等 ， 在做网页时， 可以先看别人尤其是INTER 网的页 ASP,JSP 等等， 在做网页时 ， 可以先看别人尤其是 INTER网的页 面，通过察看源文件学习别人的编程技巧。 通过察看源文件学习别人的编程技巧。 ●作业 1。各表单对象的功能是什么？ 各表单对象的功能是什么？ 2。制作如图8.1.1所示的表单页面。 制作如图8 所示的表单页面。 3。制作一个学生通讯录的表单页面，要求有姓名、年龄、系、 制作一个学生通讯录的表单页面，要求有姓名、年龄、 专业、住址、电话等内容。 专业、住址、电话等内容。
【列表值】对话框
【高度为4】的列表 选定初始值的列表
6. 跳转菜单 跳转菜单是常见链接的一种形式，但与真正的链接相比， 跳转菜单是常见链接的一种形式，但与真正的链接相比， 跳转菜单可以节省很大的空间。跳转菜单从表单发展而来， 跳转菜单可以节省很大的空间。跳转菜单从表单发展而来， 浏览者单击扩展按钮打开下拉菜单，在菜单中选择链接， 浏览者单击扩展按钮打开下拉菜单，在菜单中选择链接，即 可连接到目标网页。 可连接到目标网页。
8.1 创建表单 8.2 添加表单对象 1. 文本域 2. 隐藏 3. 复选框 4. 单选按钮 5. 列表、菜单 列表、 6. 跳转菜单 7. 创建文件域 创建文件域 8. 表单按钮
课后作业
8.1 创建表单
● 表单的作用 ● 表单的组成 ● 表单的工作原理 ● 表单创建的基本操作 ● 明值对的作用
一个包含表单的页面
文本字段 列表/菜单 单选按钮 复选框
文本区域
按钮
8.2 添加表单对象
● 表单对象 一个空的表单（有的书上叫表单标 签，有的书上叫表单域）是没有任 何用途的，只有在表单域中添加了 表单对象，并对其属性和值进行设 置后才能发挥表单强大的数据交换 功能表单对象包括文本域（有的书 上叫文本字段）、文本区域、隐藏 域、复选框、单选按钮、列表（菜 单）、跳转菜单、文件域、表单按 钮等等。
3. 复选框 如果读者打算让浏览者可以从一组选项中选择多个选项， 如果读者打算让浏览者可以从一组选项中选择多个选项，如 兴趣、特长等问题，则可以使用复选框。 兴趣、特长等问题，则可以使用复选框。
4. 单选按钮 在要求浏览者只能从一组选项中选择一个选项时， 在要求浏览者只能从一组选项中选择一个选项时，可以使用 单选按钮
行文本域的【属性面版】
文本编辑窗口
2. 隐藏域 读者可以使用隐藏域存储并提交非浏览者输入的信息， 读者可以使用隐藏域存储并提交非浏览者输入的信息 ， 该信息 浏览者是看不到的。 浏览者是看不到的。 具体的操作步骤如下所述: 具体的操作步骤如下所述: (1)将光标置于页面中需要插入隐藏域的位置。 将光标置于页面中需要插入隐藏域的位置。 (2) 选择 【 插入快捷栏 】 的 【 表单 】 分类 ， 单击左边第3 个 【 隐 选择【 插入快捷栏】 表单】 分类， 单击左边第 3 藏域】 藏域】按钮 ，随后一个隐藏域的标记便插入到了网页中。 随后一个隐藏域的标记便插入到了网页中。 (3) 单击隐藏域的标记将其选中 ， 隐藏域的 【 属性面版】 出现。 单击隐藏域的标记将其选中， 隐藏域的【 属性面版】 出现 。 • 【隐藏区域】文本框指定隐藏域的名称，默认为hiddenField。 隐藏区域】文本框指定隐藏域的名称，默认为hiddenField。 • 【 值 】 文本框设置要为隐藏域指定的值 ， 该值将在提交表单 文本框设置要为隐藏域指定的值， 时传递给服务器。 时传递给服务器。
添加跳转菜单
页面中的跳转菜单
7. 创建文件域 文件域可以让用户在域的内部填写自己硬盘中的文 件路径，然后通过表单上传，这是文件域的基本功能。 件路径，然后通过表单上传，这是文件域的基本功能。文 件域有一个文本框和一个【浏览】按钮组成。 件域有一个文本框和一个【浏览】按钮组成。访问者可以 通过表单的文件域来上传指定的文件。 通过表单的文件域来上传指定的文件。访问者可以在文件 域的文本框中输入一个文件的路径， 域的文本框中输入一个文件的路径，也可以单击文件域的 【浏览】按钮来选择一个文件，当访问者提交表单时，这 浏览】按钮来选择一个文件，当访问者提交表单时， 个文件被上传。 个文件被上传。 8. 表单按钮 对表单而言，按钮是非常重要的， 对表单而言，按钮是非常重要的，它能够控制对表 单内容的操作， 单内容的操作，如【提交】或【重置】。要将表单内容发 提交】 重置】 送到远端服务器上，请使用【提交】 送到远端服务器上，请使用【提交】按钮；要清除现有的 表单内容，请使用【重置】按钮。 表单内容，请使用【重置】按钮。
5. 列表、菜单 列表、 除了复选框和单选按钮以外， 在遇到需要制作选项时， 除了复选框和单选按钮以外 ， 在遇到需要制作选项时 ， 读者还可以使用列表、菜单。在拥有较多选项， 读者还可以使用列表、菜单。在拥有较多选项，并且网页空 间有比较有限的情况下，列表/ 间有比较有限的情况下，列表/菜单将会发挥出最大的作用
● 表单的作用 表单提供了从用户那里收集信息、向数据库中添加信 息和从数据库中搜索信息的方法，是建立动态网页的最重要 的工具。 ● 表单的组成 一般的表单由两部分组成，一是描述表单的HTML源 一般的表单由两部分组成，一是描述表单的HTML源 代码，二是客户端的脚本，或者服务器用来处理用户所填写 信息的程序。 ● 表单的工作原理 当访问者将信息输入表单并单击提交按钮时，这些信 息将被发送到服务器，服务器端脚本或应用程序在该处对这 些信息进行处理，服务器通过将请求信息发送回用户，或基 于该表单内容执行一些操作来进行响应。
一个包括以上表单对象的表单
文件域
跳转 菜单
1. 文本域 Text Field(文本域)：选择单行文本域、多行文本域或者密码 Field(文本域)：选择单行文本域、 文本域。指定显示尺寸和用户可以输入得最多字符数， 文本域。指定显示尺寸和用户可以输入得最多字符数，后者 是可选的。 是可选的。通过浏览器输入到密码文本域中的文本将显示为 项目符号、 或者星号， 项目符号 、 X或者星号，根据用户的系统和浏览器设置的不 同有所区别。 同有所区别。
● 表单创建的基本操作 表单是用HTML标签创建的。<form></form>成对标签 表单是用HTML标签创建的。<form></form>成对标签 包围着其它表单对象标签，比如<input>,<select>和 包围着其它表单对象标签，比如<input>,<select>和<submit> 等标签。每个表单都是由一个表单域和若干个表单元素（表 单对象）组成的，所有的表单元素放到表单域中才会有效， 因此，制作表单页面的第一步是创建表单域。然后插入表单 对象。 ● 明值对的作用 表单使用表单对象时，要为每一个对象指定一个唯一 的名称，由表单对象的名称和用户提供的信息（即值）组合 成一个名值对。名值对很有用处，可以在电子邮件中传送， 也可以作为域列的数据存储（名称对应于域，值对应于列）， 或者由访问者的计算机将其作为脚本变量记住。根据用于处 理或加工表单的技术类型，名值对的使用方法也有所不同。
●总结 网页制作不但要求有一定的DREAMWEAVER操作技能， 网页制作不但要求有一定的DREAMWEAVER操作技能，还要 有一定的美学基础，还要学习一下PHOTOSHOP,FLASH等工具软件， 有一定的美学基础，还要学习一下PHOTOSHOP,FLASH等工具软件， 如果想做动态网页，还必须学习一下服务器编程语言，如 ASP,JSP等等 ， 在做网页时， 可以先看别人尤其是INTER 网的页 ASP,JSP 等等， 在做网页时 ， 可以先看别人尤其是 INTER网的页 面，通过察看源文件学习别人的编程技巧。 通过察看源文件学习别人的编程技巧。 ●作业 1。各表单对象的功能是什么？ 各表单对象的功能是什么？ 2。制作如图8.1.1所示的表单页面。 制作如图8 所示的表单页面。 3。制作一个学生通讯录的表单页面，要求有姓名、年龄、系、 制作一个学生通讯录的表单页面，要求有姓名、年龄、 专业、住址、电话等内容。 专业、住址、电话等内容。