admin 管理员组

文章数量: 1086019


2024年3月27日发(作者:汇编sp是什么意思)

表单

表单form是Internet和服务器之间进行信息交流的一种重要工具。包括按钮、文本框、

单选按钮、复选按钮等,它们被称之为表单对象。表单的使用包括两部分:一是用户界面,

提供用户输入数据的元件;另一部分是处理程序,可以是客户端程序而在浏览器执行,也可

以是服务器程序,处理用户提交的数据,返回结果。

一. 可插入的表单对象

Dreamweaver中,在“插入”面板中,有一个“表单”分类,选择该分类,可插入的表

单对象快捷按钮就会出现。如下图:

可插入的对象,从左至右,包括:

 表单

 文本字段

 隐藏域

 文本区域

 复选框

 单选按钮

 单选按钮组

 列表/菜单

 跳转菜单

 图像域

 文件域

 按钮

1. 插入表单域

要在网页中插入表单对象,首先应该插入一个表单域,否则服务器将无法处理用户填写

的信息。操作步骤如下:

步骤1:“插入”面板中,选择“表单”分类,单击左边第1个“表单”按钮,随即

插入到网页中一个表单域,表单域在设计视图中显示为一个红色虚线框的范围。如图所示:

如果没有红色虚线框,执行菜单栏“查看/可视化助理/不可见元素”命令即可。

步骤2:设置表单域属性。使用鼠标单击虚线的边框,此时虚线框内出现黑色区域,表

示该表单域被选中,属性面板如下:

表单域属性面板包括:

1

 表单名称:标识表单的唯一名称。

 动作:指定处理该表单的动态页或脚本的路径。可以键入完整的路径,也可以单击

“浏览文件”按钮指定到同一站点中包含该脚本或应用程序页的相应文件夹。如果没有

相关程序支持的话,也可以使用E-mail的方式来传输表单信息,这种方式在动作文本框

中键入:“mailto:电子邮件地址”。表示提交的信息将会发送到作者的邮箱中。比如

 方法:用于选择表单数据传输到服务器的方法。可选择速度快但携带数据量小的

GET方法,或者数据量大的POST方法。一般使用POST方法。

 目标:指定打开窗口的方式。

 MIME类型:指定对提交给服务器进行处理的数据使用MIME编码类型。

 类:定义好的CSS样式。

2. 插入文本域

当浏览者浏览网页需要输入文字资料时,像姓名、地址、E-mail或稍长一些的个人介绍

等栏目,在制作时就可以使用文本域,它在浏览器中将显示为一个文本框。

具体操作如下:

步骤1:插入文本域前请确定首先插入了一个表单域,并且将光标放入表单域中。如果

在表单域外插入文本域,Dreamweaver会弹出提示框,是否创建一个表单域。

步骤2:在“插入”面板中,选择“表单”分类,单击左边第2个“文本字段”按钮,

随即插入到网页中一个文本域。可以在文本域前加入说明的文字,如“用户名”,告知浏览

者需要填入的内容的类型。

步骤3:单击文本域,对文本域的属性面板进行设置:

文本域:输入文本字段的名称,该名称在该网页中是唯一的名称。名称不能包含空格或

特殊字符,可以使用字母数字字符和下划线的任意组合。

字符宽度:设置文本域中最多可显示的字符数。

最多字符数:设置单行文本域中所能输入的最多字符数。如果是空白,则可以输入任意

数量的文本。(最好对不同内容的文本域进行不同数量的限制,防止个别浏览者恶意输

入大量数据,维护系统的稳定性。)

初始值:输入文本域中默认状态时显示的内容,当浏览者键入资料时初始文本被替代。

类型:显示了当前文本域的类型,包括“单行”、“多行”和“密码”。其中,

---单行是默认选项,只显示一行文本。

---多行表示插入的文本可显示多行(如图)。

2


本文标签: 表单 文本 使用 插入 输入