《网页设计与制作》第11章 网页表单的应用
网页设计与制作使用教程第11章
注：插入单选钮的HTML代码为＜INPUT type="radio" name="..." value="..."＞ 选中该单选钮，在属性面板中进行相应的属性设置
单选按钮：该名称是存储该域的值（选定值）的变量 名，必须在该表单内唯一。要保证数据的准确采集， 单选钮都是以组为单位使用的，在同一组中的单选钮 必须用同一个名称。 选定值：定义该单选钮的值。当选中该单选钮时，此 “选定值”就随表单一起提交，作为该单选钮的当前 值。 初始状态：在浏览器中首次载入该表单时该单选钮的 状态。如果选择“已勾选”，则该单选钮一加载就是 选中状态
注：多个复选框可以共用一个名称，一个复选框名称变量也可以 拥有多个值（多个值在提交时用逗号隔开）。多个复选框可以共用一 个名称时，被选中的多个复选框的值将作为该复选框名称变量的当前 值提交到服务器
（4）单选钮 单选钮允许用户在待选项中选择唯一的答案。 在新建的表单内点击鼠标，确定插入位置，然后点击插入 面板上的按钮 ，插入一单选钮
注意：1. 如果要处理表单数据，我们需要在服务器端（
即放置网页的远程计算机上）编写程序（如ASP程序）， 这部分内容已经超出了本书的范围，有兴趣的同学可以 参考其他的动态网页编程的书籍，后面我们只是对多种 动态网页技术做个简单的介绍。
2．具体使用哪种数据发送方式取决于服务器类型，可以 询问管理员来决定。如果方式任意，默认是Get方法，大 部分HTML设计者偏好使用Post方法。
，所输入的文本被替换为星号或项目符号，以隐藏该文 本，保护这些信息不被看到。
当文本框的类型设置为“多行”时，属性面板发生变 化，即文本框从“文本字段”变为“文本区域” 其属性设置和“单行”类型相似，只是更新了2个属性
《网页设计与制作》习题及答案
第1章网页设计基础1.网页文件不包括 ( D )A HTML文件 B多媒体文件 C图像文件 D Dos文件2.网页构成元素按照元素划分为（ABCD ）A 文本B 图像 C超链接 D音频和视频3. HTML文档结构中表示头部信息的（ B）A < body > < /body > B<head></head> c <html></html> D<title></title>4.在HTML文档中，使文本内容强制换行的标签是（B）A<hr> B<br> C<pre> D<hn>5.以下哪个标签语言符合HTML的语法规范（D）A<img src=pic.jpg width=150 height=200/>B<p><div>文字加粗</p></div>C<p align=center>D<hr width=”400” color=”#000000”>6．不属于HTML标记的是（ C ）A.<html>B.<head>C.<color>D.<body>7．为了标记一个HTML文件，应该使用的HTML标记是（ C ）A.<p></p>B.<body></body>C.<html></html >D.<title></ title>二填空1.网页分为（静态网页）和（动态网页）两种类型。
2.HTML中的所有标签都是有一对（<>）围住。
3.HTML网页的标题是通过（<title></title>）标签显示的。
4.（<hr>）是水平线标签，可以在页面生成一条水平线。
动态网页设计与制作实用教程第二版第11章课件
对包含 COLSPAN或ROWSPAN属性的表格（即包含合并单元
格的 表格）进行排序。
动态网页设计与制作实用教程第二版第11章
第11章 设计页面布局 11.2 在布局模式中对页面进行布局
11.2.1 布局模式简介 在布局模式中，可以在添加内容之前对页面进行布局。例如，可以沿
第1111章.1.2 表格设的编计辑 页面布局
1．选择表格元素 可以一次选择整个表、行、列或在表格中选择一个连续的单元格块，
还可以选择表格中多个不相邻的单元格并修改这些单元格的属性。 （1）选择整个表格：单击表格的左上角或者单击右边或底部边缘的任 意位置。 （2）选择行或列：首先定位鼠标指针使其指向行的左边缘或列的上边 缘，当鼠标指针变为选择箭头时，单击选择行或列，或拖动选择多个行 或列。 （3）选择矩形的单元格块：将鼠标从一个单元格拖到另一个单元格。 （4）选择不相邻的单元格：按住 Ctrl 键的同时单击要选择的单元格、 行或列，则该单元格会被选中。如果它已经被选中，则再次单击会将它 从选择中删除。
页的顶部绘制一个单元格放置标题图形，在页的左边绘制另一个单元格放 置导航条，在右边绘制第三个单元格放置内容。
当不在布局表格中绘制布局单元格时，Dreamweaver 8会自动创建 一个布局表格以容纳该单元格。布局单元格不能存在于布局表格之外。可 以在一个布局表格中使用多个布局单元格对页进行布局，这是进行Web 页布局最常用的方法，也可以使用多个布局表格进行更复杂的布局。
“布局模式”按钮。在“设计”视图的顶部显示一个标有“布局模式”的 绿色
栏，指示当前正处于“布局”模式中。如果页面上存在表格，则它们显示 为布局表格。
动态网页设计与制作实用教程第二版第11章
《网页设计与制作》教案-第11讲 布局技术-层AP Div
第11讲布局技术-层AP Div1.1教学目标：◆知识目标1.理解层的作用2.掌握层的各种基本操作◆技能目标能运用层进行布局，能设置层的重叠与嵌套，能合理操作层◆品质目标培养学生认真细致、踏实进取的精神1.2教学重点：1.掌握层的各种基本操作1.3 教学难点理解层的作用和操作。
1.4教学方法：讲练结合，任务驱动、分子任务操练1.5课时安排：2课时1.6教学对象分析：这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。
1.7教学过程：一、激趣导入，揭示课题层是一种HTML页面元素，可以将其定位在页面上的任意位置。
层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。
通过Dreamweaver MX 2004，可以使用层来设置页面的布局。
可以将层前后放置，隐藏某些层而显示其他层，以及在屏幕上移动层。
还可以在一个层中放置背景图像，然后在该层的前面放置第二个层，利用层不仅可以非常灵活地放置内容，还可以根据不同的设置，实现相应的动态效果。
二、层的操作层可以理解为浮动在网页上的一个页面，它可以准确地定位在页面上的任意位置，并可以规定它的大小。
通过层可以对网页进行精确定位。
不仅如此，通过对层与行为的综合使用，还可以创作出赏心悦目的动作效果。
层可以包含文本、图像或其它任何可在网页中放置的内容。
层可以重叠，并且可以改变重叠次序，因此可以在网页上实现内容的重叠效果；可以动态地设定层的显示或隐藏，实现层内容的动态交替显示等特殊的显示效果；层可以嵌套，子层会遗传父层的特征，例如可见性，位置移动等。
0.1新建层用Dreamweaver可以方便地在页面上创建层并精确地将层定位。
建立新层的步骤：●在编辑窗口的“插入”栏的“布局”选项卡中，选取“描绘层”按钮，如图2-95所示。
或者执行“插入/布局对象/层”命令。
第11章 使用表单
《网页设计与制作案例教程》（第2版）
11.3 案例2 设计会员注册页面
11.3.3 创建复选框
《网页设计与制作案例教程》（第2版）
11.3 案例2 设计会员注册页面
11.3.4 创建列表/菜单 选择：菜单/列表的名称。 类型：设置菜单的类型。 高度：设置滚动列表的高度，即列表中一次最多可以显 示的项目数。类型为“菜单”时，高度不可用。 选定范围：设置用户是否可以从列表中选择多个项目。 类型为“菜单”时，选定范围不可用。 初始化时选定：设置可滚动列表中默认选择的菜单项。 【列表值】按钮：用于设置菜单/列表项的值。
11.1 学习任务：表单和表单对象
2．创建表单 在Dreamweaver文档中插入表单有两种方 法：一种是使用菜单命令，另一种是使用【表 单】按钮。 使用菜单命令插入表单：选择“插入→表单 →表单”菜单命令。 使用“表单”按钮插入表单：在文档窗口中 选定插入点，单击“插入”面板“表单”分 类中的【表单】按钮 ，或直接将【表单】 按钮 拖曳到文档中。
网页中的留言簿浏览效果
《网页设计与制作案例教程》（第2版）
11.2 案例1 设计网页中的留言簿
11.2.1 留言簿界面设计 当浏览者访问网页时，如果对网站有意见或建议， 可以在留言簿中留言，并可得到网站管理者的答复， 从而实现浏览者与网站管理者的信息交流。 11.2.2 创建文本域 通常使用表单的文本域来接收用户输入的信息。文 本域包括单行文本域、多行文本域、密码文本域3种。 一般情况下，当用户输入较少信息时，使用单行文本 域；当用户输入较多信息时，使用多行文本域；当用 户输入密码等保密信息时，使用密码文本域。
《网页设计与制作案例教程》（第2版）
11.1 学习任务：表单和表单对象
湖北自考《网页设计与制作》课程考试大纲
湖北省高等教育自学考试大纲课程名称：网页设计与制作课程代码：06386第一部分课程性质与目标一、课程的性质与特点“网页设计与制作”是湖北省高等教育自学考试网络传播专业（独立本科段）开设的一门专业实践课程。
网页是网络中信息传播的主要载体，是当今网络传播应用的主要形式。
网页是网络传播的重要展现形式，是传统新闻基本能力的新的展现形式，同时也对传统新闻基本能力提出了新的要求。
作为网络传播专业的学生只有了解、掌握了网页设计与制作的基本原理、基本操作方法，才能更好进行网络传播的应用与实践。
本课程是该专业的一门非常重要课程。
本课程通过对网页的基本结构原理、网页页面的基本组成、网页页面的编写语言、网页设计与制作流程、网页设计与制作方法介绍，以及对相关软件的操作掌握后，可以独立完成对网页的制作设计与编辑，从而将新闻、网络信息通过网页展现，更好将网络新闻的采编评与网络传播的网页展现形式结合，充分发挥网络传播的特点。
在网络传播专业学生在将来的实际工作中，需要乃至本课程的内容中介绍的基本原理和方法。
因此，本课程是网络传播专业学生必须掌握的一门课程。
本课程是本专业及相关专业相关课程进一步学习的基础课程。
二、课程目标和基本要求网页的设计与制作是一门与计算机结合十分紧密的课程。
既需要一定的理论知识，也需要一定的实际操作能力。
通过本课程自学、上机实习、作业等方式的学习，要求学生掌握网页的基本原理、网页制作与设计的基本方法、能操作相关应用软件，最终达到可以独立或者与他人分工合作完成简单和复杂网页的设计与制作。
具体地说，包括以下几个方面：（1）考生了解网页的基本概念、基本结构、制作流程和设计原则等相关基础知识，掌握网站的开发流程，能独立规划和设计网站。
（2）要求考生能熟练掌握Dreamweaver网页制作软件，能使用Dreamweaver创建和管理网站，掌握Dreamweaver制作网页的技术，使用Dreamweaver提供的行为机制制作具有动画效果的网页。
网页设计与制作(Dreamweaver)《插入网页基本要素之表单》
通常，一个完整的表单包括表单对象（如单选按钮、复 选框、文本字段以及按钮等）和应用程序两个基本组件。
工作原理：一般将表单设置在一个HTML文档中，访问 者填写相关信息后提交表单，表单内容会自动从客户端 的浏览器传送到服务器上，经过服务器上的ASP或CGI 等程序处理后，再将访问者所需的信息传送到客户端的 浏览器上。
表单“属性”面板中各选项含义如下： 表单ID：是<from>标签的name参数，用于标志表单的名称，每个表单的名称都不能相同。命名表单后，用户就可以使用 JavaScript或VBScript等脚本语言引用或控制该表单。 动作：是<from>标签的action参数，用于设置处理该表单数据的动态网页路径。用户可以在此选项中直接输入动态网页的 完整路径，也可以单击选项右侧的“浏览文件”按钮，选择处理该表单数据的动态网页。
插入网页基本要素之表单
添加表单对象
表单是一个容器对象，用来存放表单对象，并负责将表单对象的值提交给服务器端的某个程序处理，所以在添加文本域、 按钮等表单对象之前，要先插入表单。 向表单中插入表单对象的方法有如下几种： 将光标置于表单边界内（即红色虚线框内）的插入点，从“插入→表单”级联式菜单中选择需要的对象。 将光标置于表单边界内的插入点，在“插入”面板“表单”标签中选择并单击表单对象按钮。 在“插入”面板“表单”标签中，选中需要的表单对象按钮，按下鼠标左键将其直接拖曳到表单边界内的插入点位置。
插入网页基本要素之表单
设置表单属性
需要注意的是，页面中的红色虚线框表示创建的表单，这个框的作用仅方便编辑表单对象，在浏览器中不会显示。另外， 可以在一个页面中包含多个表单，但是，不能将一个表单插入到另一个表单中（即标签不能交迭）。
网页设计与制作项目11表单
11.3.2
创建表单
8．插入表单其他对象 （1）隐藏域 隐藏域对于网页浏览者是看不到的，在浏览 器中不能够显示，主要用于实现浏览器同服务器 在后台隐藏地交换信息。添加隐藏域的步骤如下： 步骤1 将光标置于要添加隐藏域的位置。执 行【插入】|【表单】|【隐藏域】菜单命令。 步骤2 选中隐藏域，在【隐藏域】属性面板 设置隐藏域属性。
11.2 网页制作
步骤3 在弹出的【列表值】对话框中输入 “项目标签”分别为：计算机平面设计、电子
商务、动漫游戏 。 步骤4 单击“确定”按钮。
11.2 网页制作
11.2.6 插入复选框 步骤1 将光标定位于表单19行2列“音乐”文本 后，执行【插入】|【表单】|【复选框】命令，弹出【输 入标签辅助功能属性】对话框，单击“确定”按钮，即可 插入复选框。 步骤2 选中所插入的复选框，在【复选框】属性 面板中，将初始状态设置为“未选中”。 步骤3 将光标定位于表单第15行第2列“体育”、 “跳舞”文本之后，插入相同的复选框，将初始状态设置 为“未选中”。
11.3.2
创建表单
（2）跳转菜单
跳转菜单是表单中的弹出菜单，对站点访问
者可见，并列出链接到文档或文件的选项。
可以创建到整个Web站点内文档的链接、到其 他Web站点上文档的链接、电子邮件链接、到图形 的链接，也可以创建到可在浏览器中打开的任何 文件类型的链接。
11.3.2
创建表单
添加跳转菜单的步骤如下：
11.3.2
创建表单
4．插入单选按钮和复选框 在表单中，如果用户在几个选项中选择其中一个 选项的时候，可以使用单选按钮；如果要选择多个选 项的时候，可以使用复选框。 （1）添加单选按钮 步骤1 将光标置于要插入单选按钮的位置。执 行【插入】|【表单】|【单选按钮】菜单命令，即可 插入单选按钮。 步骤2 点击单选按钮，在【单选按钮】属性面 板中设置单选按钮属性。
《网页设计与制作(第2版)》读书笔记模板
3.1创建本地站点 3.2管理本地站点 3.3综合案例：创建“我的第一个站” 习题
4.1创建文档 4.2文本编辑 4.3在文本中添加项目符号和编号 4.4水平线、格与标尺 4.5综合案例：制作文本 习题
5.1页中常用的图像格式 5.2插入与设置图像 5.3插入其他图像元素 5.4多媒体在页中的应用 5.5综合案例：多媒体制作 习题
读书笔记
这是《网页设计与制作（第2版）》的读书笔记模板，可以替换为自己的心得。
精彩摘录
这是《网页设计与制作（第2版）》的读书笔记模板，可以替换为自己的精彩内容摘录。
作者介绍
这是《网页设计与制作（第2版）》的读书笔记模板，暂无该书作者的介绍。
感谢观看
11.1页的交互行为 11.2 Spry框架 11.3综合案例：制作导航条 习题
12.1页中的表单知识 12.2插入文本域 12.3插入单选按钮和单选按钮组 12.4插入复选框和复选框组 12.5插入列表和菜单 12.6插入按钮和文件域 12.7验证表单内容 12.8综合案例 习题
13.1班级站的规划与设计 13.2页设计与制作 习题
目录分析
1
内容提要
第1章页制作与 2
HTML 5基础知 识
3
第2章页整体规 划设计
4
第3章建立本地 站点
5
第4章制作文本
01
第5章图像 与多媒体
02
第6章页中 的超链接
04
第8章设计 框架页
06
第10章使 用行为
03
第7章表格 使用与简单 页面布局
05
第9章 CSS 样式表与 Div布局
第12章页表单的应 用
6.1超链接概述 6.2关于链接路径 6.3创建超链接的方法 6.4各种类型超链接的创建 6.5管理超链接 6.6综合案例：创建“我爱摄影” 习题
《网页设计与制作》课程标准
网页设计与制作课程标准课程代码：建议课时数：学分：适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。
其任务是：该课程主要涉及到网站建设规划与管理、语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。
通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过创建动态网站的操作技能。
.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。
学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。
了解网站平面设计的概念和过程。
了解的基本概念、基本格式、能编写一个网页；了解的工作原理；知道启动服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：配置备份与恢复、网络监视、日志管理。
学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。
网页设计与制作——Dreamweaver CS5标准教程第11章 CSS样式
11.1 CSS样式
11.1.2 CSS样式构造规则
CSS样式是由三个要素对象、属性和属性值构成的。 对象是CSS样式所作用和控制的网页元素，属性是 CSS样式描述和设置对象性质的项目，属性值是属性 的一个实例。
Body { font-family：宋体； font-size：15px； color：red； text-decoration：underline； } 页面文字 { 字体：宋体； 大小：15像素； 颜色：红色； 装饰：下划线 }
11.1 CSS样式
11.1.3 CSS样式种类
根据CSS样式所控制的网页元素不同，可以将样式分 为4种形式。 当所控制的网页元素是HTML语言中的某一个特定的 标签时，为此标签设置的CSS样式，称为标签样式。 当把网页中或网站中若干元素归为一类，作为一个整 体来看待，为此类元素设置一个CSS样式，称为类样 式。
111css样式?一个标签或元素在网站中的不同网页中或在一个网页中的不同位置上外观效果不同则需要先为该特定标签赋予一个唯一的id号然后再为具有该id号的标签设置样式称此样式为id样式
第11章 CSS样式
网页设计与制作 Dreamweaver CS5 标准教程
本章学习的主要内容：
1. CSS样式构造规则及意义 2. 利用CSS样式面板创建各种样式 3. 利用CSS样式面板创建文本导航条 4. 利用CSS样式面板创建CSS滤镜
11.2 CSS样式控制面板
11.2.3 CSS样式的存储位置
1. 定义内部样式 2. 移动CSS规则 3. 定义外部样式 4. 附加样式表
11.2.4编辑样式
11.3 CSS属性
《网页设计与制作》第11章 网页表单的应用
11
（2）在“输入标签辅助功能属性”对话框中，可
为文本字段的表单对象添加标签文本，同时可设
置标签文本的位置。
（3）在“输入标签辅助功能属性”对话框中，各
项的解释及应用方法如下：
ID：用于提供脚本的引用。指定了<input>元素的
名称和ID号。名称和ID号是一致的。
标签：文本字段的提示文本。即表单控件的提示
初始状态：用来表示在浏览器中加载表单时，该单 选按钮是否处于选中状态。
如果插入的单选按钮比较多，那么这时也可以用菜 单命令“插入→表单→单选按钮组”，此时就可以 在弹出的“单选按钮组”对话框中对单选按钮进行 设置。
2020/10/23
19
11.3.2 插入单选按钮组
1. 点击鼠标，将光标定位在表单框线内，点击“插 入”→“表单”→“单选按钮组”命令。 或者在“插入”面板中选择“表单”项，点击“单选按钮组” 图标，如下图11-13所示。
2020/10/23
28
通常跳转菜单包含的三个基本部分如下所示：
• （可选）菜单选择提示：例如菜单项的类别 说明，或者说是一些提示信息等。
• （必需）所链接菜单项的列表：表示用户选 择某个选项，那么链接到的文档或者文件就 会被打开。
• （可选）“前往”按钮。
大家平时注册时所看到的页面中注册项就我们所说的 “表单”。如图11-1所示。
2020/10/23
图11-1 注册126邮箱表单
2
11.1.1 网页中表单概述
• 表单是一种标签，而且是一种特殊的网页 容器标签。
• 表单支持客户端/服务器关系中的客户端。 • 表单可以多种类型的技术来实现。 • 表单也包含了文本域、列表域以及按钮等
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2020/7/24
9
11.2.1 文本字段
• 文本字段是单行的文本域表单对象，也就 是说这些文本信息不会发生换行。
• 插入文本字段的具体操作如下。
2020/7/24
禁用：文本框显示为灰色，不可以提交文本内容，而且其中的文本不可修 改，值为disable。 只读：文本框显示为正常颜色，可以白提交文本内容，而且其中的文本不 可修改，值为readonly。 单行：默认项，文本表单对象。 多行：将文本字段转化为文本区域。 密码：设置文本字段中文本为密码类型（显示为星号“*”）。
图11-7 插入文本字段
在“代码”视图中可以查看源代码：
访问键：访问该文本字段的快捷键。
Tab 键索引：在当前网页中的Tab键访问顺序。
2020/7/24
13
（4）经过上面设置后，其浏览效果，如图11-8所示。
图11-8 文本字段浏览效果
（5）设置或修改单行文本域的属性： 文本域：指定了<input>元素的名称和ID号。 字符宽度：指定文本域的长度，默认值为24个字符左右。 最多字符数：允许用户输入的最大字符数目。 初始值：为默认状态下填写在单行文本框中的文字。
《网页设计与制作》第11章 网页表 单的应用
11.1 网页中的表单知识
大家平时注册0/7/24
图11-1 注册126邮箱表单
2
11.1.1 网页中表单概述
• 表单是一种标签，而且是一种特殊的网页 容器标签。
• 表单支持客户端/服务器关系中的客户端。 • 表单可以多种类型的技术来实现。 • 表单也包含了文本域、列表域以及按钮等
2020/7/24
14
11.2.2 创建文本区域
1.创建文本区域有两种方法： 方法一：先为表单插入一个文本字段的对象。 然后在“属性”面板中设置“类型”为“多 行”。
方法二：单击浮动面板“插入”中的“文本区 域”（不是“文本字段”）按钮，在弹出的 “输入标签辅助功能”对话框中进行各种属性 的设置。
2020/7/24
7
（8）类：定义表单及其中各种表单对象的样 式。
如果用户设置表单的方式为“默认”或 “get”，则该编码类型的设置是无效的。如 果设置表单的方法是“post”，则可以通过编 码类型确定数据是上传到服务器数据库中， 还是同时存储到服务器的磁盘中。
2020/7/24
8
11.2 插入文本域
2020/7/24
15
2.网页中设置文本区域属性：
Overflow用来设置内容溢出（设置被设定对象是否显示滚动
条）
overflow-x用来设置水平方向内容溢出
overflow-y用来设置垂直方向内容溢出
上述的三个属性设置的值分别为visible(默认值)、scroll、
hidden、auto。
scrollbar-3d-light-color用来设置立体滚动条亮边的颜色（设
多个表单对象。
2020/7/24
3
11.1.2 创建表单域
• 表单是各种网页表单对象的容器，主要包 括文本域、密码域、隐藏域、单选按钮、 复选框、弹出菜单、按钮等表单对象。
2020/7/24
4
用Dreamweaver CS5可以为网页插入表单，方法如下。
（1）在Dreamweaver CS5打开一个网页，最好能 先将此网页文档保存。
值_self：表示在包含这个链接的框架窗口中打开链 接文档。
值_top：表示在整个浏览器窗口中打开链接文档。
2020/7/24
6
（6）在“方法”下拉菜单中选择要处理表单数据的 方式。 POST：将表单值封装在消息主体中发送。 GET：将提交的表单值追加在URL后面发送给服务器。 这也是浏览器的默认设置传递表单数据的方式。 （7）在“编码类型”下拉菜单中选择表单数据在被 发送到服务器之前应该如何加密编码。 Application/x-www-form-urlencoded：普通URL方式 处理表单内容。 Multipart/form-data：处理文件上传域时采用的编码 方式。
情况：
第一情况：使用“for”属性附加标签标记。
第二情况：选择“用标签标记环绕”选项。
2第020三/7/24情况：选择“无标签标记”选项。
12
位置：说明“标签”内容所处的位置。分为两种情况：
第一种情况：选择“在表单项前”选项。上面的提示信息都是在表单项前。如图 11-6所示。
图11-6 插入文本字段 第二种情况：选择“在表单项后”选项。如图11-7所示。
为文本字段的表单对象添加标签文本，同时可设
置标签文本的位置。
（3）在“输入标签辅助功能属性”对话框中，各
项的解释及应用方法如下：
ID：用于提供脚本的引用。指定了<input>元素的
名称和ID号。名称和ID号是一致的。
标签：文本字段的提示文本。即表单控件的提示
信息。
样式：说明“标签”内容的使用方式。分为三种
10
（1）点击鼠标，将光标定位在表单虚线框线内，点击“插入”菜单， 选择“表单”项，在弹出的子菜单中选择“文本域”命令。或者在“插 入”面板中选择“表单”项，点击“文本字段”图标，则打开“输入标 签辅助功能属性”对话框，如图11-5所示。
图11-5 设置文本字段属性
2020/7/24
11
（2）在“输入标签辅助功能属性”对话框中，可
（2）在选择菜单“插入”→“表单”命令，或在 “插入”面板中选择“表单”按钮。为网页添加 一个表单。在“设计”视图中，可以看到表单以 红色虚线为标记。如果看不到红色虚线框，可选 择“查看”→ “可视化助理”→ “不可见元素” 命令。
（3）在“表单 ID”文本框中输入一个唯一的名称来 标识表单。
2020/7/24
5
（4）在“动作”文本框中指定将要处理表单信息的 脚本或者应用程序所在的URL路径。可以直接输入， 也可以点击文本框旁边的“文件夹”图标来获得。
（5）在“目标”下拉菜单中选择返回数据的窗口的 打开方式。
值_blank：表示在一个新窗口中打开链接文档。 值_new：表示在一个新窗口中打开链接文档。 值_parent：表示在包含这个链接的父框架窗口中打 开链接文档。