admin 管理员组

文章数量: 1087139


2024年6月12日发(作者:html字体颜色怎么用代码改)

第7章 应用表单

如果想通过网页收集用户的信息或通过网页对用户开展调查,就需要设计表单网页来进

行信息的交互。表单是浏览网页的用户与网站管理者进行交互的主要窗口,Web管理者和

用户之间可以通过表单进行信息交流。常见的表单有搜索表单、用户登录注册表单、调查表

单等。

【学习目标】

熟悉表单的基本概念和应用方法。

掌握创建表单元素的操作方法。

掌握设置表单元素的操作方法。

掌握验证表单的操作方法。

7.1 创建表单

使用Dreamweaver CS5可以创建各种表单元素,如文本域、复选框、单选框、按钮和

文件域等。在【插入】面板的“表单”类别中列出了所有表单元素,如图7-1所示。

图7-1 “表单”类别

7.1.1 创建表单的操作方法

下面将以设计“海底世界”网的注册页面为例来讲解表单的创建和设置方法,设计效果

如图7-2所示。

一、 插入表单

表单是表单元素的容器,为了能让浏览器正确处理表单元素的相关数据信息,表单元素

必须插在表单之中。表单以红色虚线框显示,但在浏览器中是不可见的。

Dreamweaver CS5中文版基础教程

图7-2 设计“海底世界”网

1.

2.

打开附盘文件“素材第7章海底世界”,如图7-3所示。

将光标置于主体文本“加入我们”下方的空白单元格中,选择菜单命令【插入】/【表

单】/【表单】,即可在光标处插入1个空白表单,如图7-4所示。

图7-3 打开素材文件 图7-4 插入表单

表单以红色虚线框显示。

3.

单击红色虚线选中表单,然后在属性检查器面板中设置【表单ID】为“form1”,【方

法】为“POST”,【编码类型】为“application/x-www-form-urlencoded”,【目标】为

“_blank”,如图7-5所示。

图7-5 设置表单属性

长表单不能使用GET方法。

168


本文标签: 表单 元素 用户 信息 设置