表单及其对象的属性.doc

表单及其对象的属性10.1概述（top） 本文是介绍利用Dreamweaver制作表单，设置表单及其对象属性的方法。 表单，是Web用户提交信息的工具。其作用是接收浏览者填写的信息（如，填写商品定单、登录用户名和密码等），并将其提交给表单处理程序进行处理。 表单收集的信息可直接保存到数据库中。 电子商务网站中，表单是必不可少的。因此，有必要详细了解表单及其对象的属性。 表单由两部分组成。即， 描述表单的HTML代码“刊登”表单的网页。 处理表单信息的服务器端应用程序或客户端脚本。 表单中，包含若干个与访问者交互的表单对象。如，文本字段、隐藏域、文本区域、复选框、单选按钮、单选按钮组、列表/菜单、跳转菜单、图形域、文件字段、按钮等。 提示： 表单对象，也称表单域或表单控件。 对象名称，在不同地方（如，教材），可能不同。上述的对象名称与Dreamweaver“插入”面板“表单”选项卡上的相符。 表单对象，还有标签和字段集。 标签表单中显示的文本。在下面讲解单选按钮和单选按钮组时，简单介绍。 字段集作用等与标签类似。 提示： 不添加标签、字段集，也可以在表单中添加（在网页上显示）文本，因此，没有什么特别的作用，因此，很少用。 10.2表单属性（top） 表单属性，包括： “表单名称”给表单命名。为了便于脚本语言对其控制。 “动作”输入表单处理程序的URL。如果需要通过电子邮件方式发送，则键入电子邮件地址，并在前面加“mailto:”。例如：mailto: 提示： 如果使用表单所在网页处理，则“动作”框空白。 “目标”指定显示表单数据处理结果网页的打开方式（在那个窗口中打开）。 “方法”传输表单信息的“方法”。有Get或Post两种，其中， Post方法允许传输大量数据的方法。一般情况，应该选用该方法。尤其是安全性好。 Get方法将所要传输的数据附在网址后面，然后一起送达服务器，因此传送的数据量（8192字符）就会受到限制，但是执行效率却比Post方法好 提示： “方法”框中“默认”选项，表示使用浏览器缺省方式，通常是Get。 “MIME类型”选择发送数据的MIME编码类型。 有两个选项：application/x-www-form-urlencode和multipart/form-data。前者是默认选项，通常与POST方法协同使用；如果表单中包含文件上传域，则应选择后者。 10.3表单对象属性（top）提示： 对象的名称，如，a1、a2，本身是一个传输数据的变量。 10.3.1文本域和文本区域（top） 属性面板文本域”对象名称 文本域和文本区域，可以互换。 “类型”选择“单行”或“密码”时，是文本域；选择“多行”，就是文本区域。 提示： 选择“密码”，则在网页中输入的字符，均显示为“*”。 文本域：“字符宽度”和“最大字符数”设定文本框的宽度和允许输入的字符最大数量。 文本区域：“行数”仅仅控制显示区域的“高度”，不限制输入文本的行数。“换行”，选项“默认”和“虚拟”，则自动换行；选项“关”，则字符数超过宽度时，出现水平党滚动条；选项“实体”则不但在文本区域中自动换行，且在提交数据处理时，也自动换行。“初始值”设置的初始显示文本。 代码注释一、文本区域代码： 你好 文本区域 name保存浏览者填入信息的变量rows行数 wrap选项off：不自动换行； hard：自动硬回车换行，换行标记一同被传送到服务器中去； soft：自动软回车换行，换行标记不会传送到服务器中去 你好初始值 二、文本域代码： input输入标记 name保存浏览者填入信息的变量type类型。text文本；password密码 value默认值提示：如果没有默认值，则value不出现。 10.3.2隐藏域（top）隐藏域不在浏览器中显示。 属性面板“隐藏区域”隐藏域的名称。 “值”嵌入（需要传递）的数据。 代码注释 input输入标记name保存需要“暗中”传递的数据的变量名。 value需要“暗中”传递的数据 10.3.3复选框（top） 属性面板 “复选框名称”复选框名称 “选定值”选定该复选框后，提交表单时，传递的值 “初始状态”“未选中”和“已选中”两者之一 代码注释 input输入标记 type类型。checkbox是复选框；radio是单选按钮 value将被传递的数据 checked有它表示初始状态为“已选中”，没有则表示初始状态为“未选中” 10.3.4单选按钮和单选按钮组（top） 提示：单选按钮组是由一个以上单选按钮组成的。在同一个单选按钮组中，每个单选按钮的名称相同。 属性面板 “单选按钮”单选按钮（组）名称 “选定值”选定该单选按钮（组）后，提交表单时，传递的值 “初始状态”“未选中”和“已选中”两者之一 代码注释 单选 单选 标签的标记 type类型。checkbox是复选框；radio是单选按钮 value将被传递的数据 checked有它表示初始状态为“已选中”，没有则表示初始状态为“未选中” 提示：即使将同一单选按钮组中，所有单选按钮的初始状态均设定为“已选中”，在网页上，也只有最后一个被设定的单选按钮显示为已选中。 10.3.5列表/菜单（跳转菜单）（top） 属性面板 “列表/菜单”列表/菜单的名称 “类型”两种选择，选中“菜单”单选按钮，网页中只能显示一行；选中“列表”，则“高度”、“选定范围”均可行选择多行。 “列表值”按钮，单击后，在“列表值”对话框上设置列表值。 代码注释 列表/菜单的代码： 123 456 789 跳转菜单的代码： =友情链接= 北京宙地科学 绿寿康 老顽童 对比上述两个对象的代码后，不难发现，区别主要是，选择标记的属性设置不同，跳转菜单的，多了行为设置。鼠标事件onchange，事件代码在新窗口中打开相应的网页（网站的主页）。 选择标记 选项标记 value项目标签的值。如，项目标签“北京宙地科学”的值是， 10.3.6图形域（top） 提示：图形域的作用是，用更美观的图像，替代（提交）按钮。 属性面板 “图像区域”图像域的名称 “宽”、“高”设定图像“按钮”在网页中显示的尺寸，不自行设定，则用默认值。 “源文件”图像文件的URL “替代”当浏览器不能显示图像时，替代显示的文字 “对齐”图像在网页中的对齐方式 代码注释 name图像域的名称 src图像的URL border图像边框宽度 10.3.7文件字段（top） 属性面板 “文件域名称”文件域名称 “字符宽度”设定网页上显示文件域文本框的宽度 “最多字符数”设定网页上显示文件域文本框中，最多能输入多少字符数 代码注释 type对象类型。是file时，才会有“浏览”按钮出现 size网页上显示文件域文本框的宽度 maxlength网页上显示文件域文本框中，最多能输