DreamweaverCS5：文本字段和文件域的实例教程

“文本字段”即网页中供用户输入文本的区域，“文本字段”分为单行、多行和密码三种类型，可以接受任何类型的文本、字母或数字。

文件域与单行文本字段非常相似，不同的是文件域多了一个“浏览”按钮，用于浏览选择随表单一起上传的文件。利用文件域的功能，可以将图像文件、压缩文件、可执行文件等本地计算机上的文件上传到服务器上，前提条件是服务器支持文件匿名上传功能。

下面通过一个简单实例演示在文档中插入“单行文本域”、“多行文本域”、“密码域”和文件域的具体操作。

新建一个HTML文件。执行“插入”/“表单”/“表单”命令，或者单击“插入”栏中“表单”面板上的按钮，在文档中插入一个表单。

在表单的属性面板中，将表单的“MIME类型”设置为multipart/form-data，并且将其“方法”属性设置为POST方式。该步的设置主要用于上传文件。

将光标置于表单中，输入“昵称：”，然后执行“插入”/“表单”/“文本字段”菜单命令，或单击“表单”面板中的插入文本字段的图标按钮，即可在表单中添加一个文本字段。

选中该文本字段，在属性设置面板左侧的“文本域”下方的文本框中键入字段的名称“name”；在“字符宽度”中输入20，“最多字符数”设置为18；在“类型”单选按钮组中单击“单行”；在“初始值”文本框输入“行云流水”。

读者需要注意，“字符宽度”用于设置文本字段的字符宽度；而“最多字符数”用于设置最多可输入的字符数。不要把这两者弄混淆。

“文本域”用于设置文本字段的名称，该名称可以被脚本或程序所引用；“类型”用于设置文本字段的类型：“单行”用于输入用户名、电子邮件等单行信息；“多行”用于输入留言、意见等内容较多的文本；“密码”用于输入密码，用户输入的所有文本在windows系统下会被黑色的点替换显示。“初始值”用于设置没有在文本字段中输入任何值时，该文本域中默认显示的文本。

在表单中按Enter键后，输入“密码：”，并单击“表单”面板上的图标添加第二个文本字段。然后在属性面板中设置其名称为“pwd”；“字符宽度”为14，“最多字符数”为12；“类型”为“密码”；“初始值”为“vanilla”。

当用户希望保护自己的输入信息不被他人看到时，就可以使用密码域，例如，当在ATM上输入时，PIN号码是隐藏的。输入密码域中的信息不会以任何方式被加密，并且当发送到Web管理者手中时，它会以常规文本的形式显示。(www.xing528.com)

在表单中按Enter键换行，输入“自我介绍：”，并单击“表单”面板上的图标添加第三个文本字段。然后在属性面板中设置其名称为“info”；“字符宽度”为50，“行数”为5，即最多能输入的文本行数为5行；“类型”为“多行”；“初始值”为“个人资料说明”，如图9-5所示。

在表单中按Enter键换行，输入“个人风采：”，并执行“插入”/“表单”/“文件域”菜单命令，或直接单击“表单”面板上的文件域图标添加一个文件域。然后在属性面板中设置其名称为“photo”；“字符宽度”为30，“最多字符数”为20，如图9-6所示。

图9-5 多行文本字段的属性设置面板

图9-6 文件域的属性设置面板

有时候，需要访问者提供的信息过于复杂，而无法在文本域中达成，如：经过排版的简历、图形文件或其他文件。这种情况下就可以通过在网页中加入文件域来达到这个目的。

保存文档。按下快捷键F12在浏览器中预览整个页面，如图9-7所示。

图9-7 页面效果