表单_基础知识

《表单_基础知识》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、表单表单form是Internet和服务器Z间进行信息交流的一种重耍工具。包括按钮、文本框、单选按钮、复选按钮等，它们被称之为表单对象。表单的使用包括两部分：一是用户界血,提供用户输入数据的元件；另一部分是处理程序，可以是客户端程序而在浏览器执行，也可以是服务器程序，处理用户提交的数据，返回结果。一.可插入的表单对象Dreamweaver111»在“插入”面板中,有一个"表单”分类,选择该分类,可插入的表单对象快捷按钮就会出现。如下图：表单▼□EJEaQ回叵）国m0□可插入的对象，从左至右，包括：・表单•文木字段•隐藏域・文本区域・复选框•单选按钮•单选按钮组•列表/菜单・跳转菜单•

2、图像域•文件域•按钮1.插入表单域要在网页中插入表单对象，首先应该插入一个表单域，否则服务器将无法处理用户填写的信息。操作步骤如下：步骤1：“插入”面板屮，选择“表单”分类，单击左边第1个“表单”按钮B,随即插入到网页中一个表单域，表单域在设计视图中显示为一个红色虚线框的范围。如图所示:form,htm*一丄代码工拆分也设计标题.无标题兰档如果没有红色虚线框，执行菜单栏“查看/可视化助理/不可见元索”命令即可。步骤2：设置表单域丿肉性。使用鼠标单击虚线的边框，此时虚线框内出现黑色区域，表示该表单域被选中，属性面板如下：表单域屈性面板包括:•表单名称：标识表单的唯一名称。•动作：指定处

3、理该表单的动态页或脚木的路径。可以键入完整的路径，也可以单击“浏览文件”按钮指定到同一诂点中包含该脚本或应用程序页的相应文件夹。如果没有相关程序支持的话，也可以使用E-mail的方式来传输表单信息，这种方式在动作文本框屮键A："mailto：电了邮件地址”。表示提交的信息将会发送到作者的邮箱屮。比如•方法：用于选择表单数据传输到服务器的方法。可选择速度快但携带数据量小的GET方法，或者数据量大的POST方法。一般使用POST方法。・目标：指定打开窗口的方式。•MIME类型：指定对提交给服务器进行处理的数据使用MIME编码类型。・类：定义好的CSS样式。1.插入文本域当浏览者浏览网页需

4、要输入文字资料时，像姓名、地址、E-mail或稍长一些的个人介绍等栏目，在制作时就可以使用文木域，它在浏览器中将显示为一个文本框。具体操作如下：步骤1：插入文本域前请确定首先插入了一个表单域，并且将光标放入表单域屮。如果在表单域外插入文木域，Dreamweaver会弹出提示框，是否创建一个表单域。步骤2：在“插入”面板中，选择“表单”分类，单击左边第2个“文木字段”按钮，随即插入到网页中一个文本域。可以在文本域前加入说明的文字，如“用户名”，告知浏览者需要填入的内容的类型。创代玛曰拆分设计标题：无标题文档QHL志玮呻二二二二二二二匸二二二二二二二二二二二二二二二二二二二二二二二二二二

5、二二二二二步骤3：单击文本域，对文本域的加性面板进行设置:•文本域：输入文本字段的名称，该名称在该网页中是唯-的名称。名称不能包含空格或特殊字符，可以使用字母数字字符和卜•划线的任意纽合。•字符宽度：设置文本域中最多可显示的字符数。•最多字符数：设置单行文木域中所能输入的最多字符数。如果是空白，则可以输入任意数量的文本。（最好对不同内容的文本域进行不同数量的限制，防止个别浏览者恶意输入大量数据，维护系统的稳定性。）•初始值：输入文本域中默认状态时显示的内容，当浏览者键入资料时初始文本被替代。•类型：显示了当前文木域的类型，包括“单行”、“多行”和“密码”。其屮，…单行是默认选项，只显

6、示一行文本。…多行表示插入的文本可显示多行（如图）。多行文本域的属性面板如卜•图所示。＞行数：设置多行文本域的可见行数。可用于输入较多内容的栏目，如“意见或建议”。＞换行：设置当前文本域中的内容超过一行时的换行方式，冇默认、关、虚拟和实体4种。…密码用于输入密码的单行文本域，输入内容以星号（*）显示。三种类型的文本框实例如下：地址⑪框架结构form.htm用户名请输入用户名密码感谢你的支持!意见和建议3・插入隐藏域可以使用隐藏域存储并提交非浏览者输入的信息，该信息浏览者是看不到的。插入方法：步骤1：将光标置于页面屮需要插入隐藏域的位置。步骤2：在“插入”面板小，选样“表单”分类，单

7、击左边第3个“隐藏域”按钮，随即插入一个隐藏域的标记到网页中，如下图所示。单击隐藏域标记，属性面板如下图所示:丄代码乂拆分设计1标题：无标题文档胡宀血U4.插入文本区域文本区域是一个多行的文本域，插入后的效果如下图所示:代码匕拆分R设计标题：无标题文档1却2?8也属性面板如下图:文本区域在属性面板中默认的名称是textarea,文本域默认的名称是textfield.这是它们唯一的区别。文本区域的设置参照文本域中多行的设置。5・插入复选框如果想让浏览者可以从