第7章 表单
【学习目标】（1）了解表单的功能（2）熟悉各种表单对象的功能
（3）掌握各种表单对象的使用
动态网页通常要实现信息的交互，表单（Form）是获取用户信息并和用户进行交互的有效方式，在网络中应用非常广泛。本章将详细介绍表单的创建以及各种表单对象的制作方法。
7.1创建表单
表单有多个表单对象组成，其中包括文本框、单选按钮、复选框等。表单的主要功能是收集用户的信息，如用户名、密码、E-mail地址等。图7-1所示的是淘宝网新会员注册的页面。
图7-1 会员注册
在讲具体的表单对象制作之前，让我们先来学习如何创建表单和设置表单属性。
7.1.1制作表单域
在Dreamweaver CS4中，创建表单可以采用如下两种方法来实现。
方法1：单击【插入】|【表单】命令菜单，然后在弹出的下拉菜单中选择表单对象，如图7-2所示。
方法2：在【插入】面板中选择【表单】选项，然后选择插入“表单域”，如图7-3所示。
图7-2 插入表单 图7-3 【插入】面板
7.1.2设置表单属性
单击红虚线，选中表单，在【属性】栏中：
【表单ID】：设置表单名称。
【方法】：设置表单数据的传输方法。
【目标】：设置打开页面的方式。
【编码类型】：设置MIME编码类型”。表单属性如图7-4所示。
图快乐大本营霍汶希7-4 设置表单属性
7.2 创建表单对象
表单对象通常是插在表单域中，也即表单域可看作是表单对象的容器。在本小节中，我们来学习各种表单对象的创建。
7.2.1制作文本域
文本域用来输入文本，是表单中常用的对象之一，主要包含单行文本域、密码域和多行文本域。制作文本域的具体步骤如下：
第1步：将光标放在表单域中，单击【插入】|【表单】|【文本域】命令菜单，如图7-5所示。
第2步 打开【输入标签辅助功能属性】对话框，如图7-6所示。
【输入标签辅助功能属性】对话框中各主要参数的含义如下：
【ID】：文本域的名称。
【标签】：表单对象的提示文本，例如：用户名。
【样式】：针对代码视图中的label标签而言的，这里使用默认设置。
【位置】：设置标签文本的放置位置。
图7-5 插入文本域 福彩国庆节休市几天2021图7-6 【输入标签辅助功能属性】对话框
第3步 单击【确定】按钮，在表单域中添加一个文本域，如图7-7所示。
图7-7 插入的文本域
下面我们来看看各种文本域的设置。
电脑自动重启怎么回事1 单行文本域
选中插入的文本域，在【属性】栏中的【类型】后面选中【单行】单选按钮，如图7-8所示。
图7-8 单行文本域的【属性】栏
单行文本域的【属性】栏中各主要参数的含义如下：
康巴什新区【文本域】：设置文本字段的名称。
【字符宽度】：设置文本框中每行显示的字符数。
【最多字符数】：设置文本框中最多可输入的字符数。
电力公司实习报告【初始值】：设置文本域默认状态时显示的内容。
2 密码域
选中插入的文本域，在【属性】栏中的【类型】后面选中【密码】单选按钮，如图7-9所示，密码域属性参数与单行文本相同，只是看不见输入的数据，以“•”代替。
图7-9 密码域的【属性】栏
3 多行文本域
前面所讲的单行文本域和密码域都是单行的，下面学习多行文本域，选中插入的文本域，在【属性】栏中的【类型】后面选中【多行】单选按钮，如图7-10所示。
图7-10 多行文本域的【属性】栏
多行文本域的部分参数名称和设置方法和单行文本域相同，其他不同参数的含义如下：
【行数】设置多行文本域中可见的行数。
7.2.2 制作隐藏域
隐藏域在网页中不会显示出来，当表单被提交时，隐藏域中的信息将会发送到服务器上，制作隐藏域的具体步骤如下：
第1步将光标放在表单域中，单击【插入】|【表单】|【隐藏域】命令菜单，此时，在编辑区中将会插入一个隐藏域，如图7-11所示。
图7-11 插入隐藏域
第2步 选中隐藏域，在隐藏域的【属性】栏中可以设置隐藏域的名称和值等属性，如图7-12所示。
图7-12 设置隐藏域属性
隐藏域【属性】栏中各参数的含义如下：
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论