静态网页设计(第10章 表单网页)

通过以上表单元素的介绍，应能够制作出各种效果的表单网页，用以收 集用户交互的相关信息
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
实例演示： 制作一张调查问卷网页
过图像域的方式建立的。
文件域：在文档中插入空白文本域和“浏览”按钮。文件域使用户 可以浏览到其硬盘上的文件，并将这些文件作为表单数据上传。
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
3. 插入表单控件元素 按钮：在表单中插入文本按钮。按钮在单击时执行任务，如提 交或重置表单。可以为按钮添加自定义名称或标签，或者使用 预定义的 “提交”或“重置”标签之一。
信息。它是个比较特殊的表单元素，在某种程度上可以保留网页的某 些值。一般在ASP页面等动态网页中很有用。
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
3. 插入表单控件元素 复选框：以供用户从多种选项中选择多个的元素
单选按钮与单选按钮组：一般单选按钮用来控制一个逻辑变量,是与非;
Hale Waihona Puke 工具栏>表单>表单
表单域属性设置
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
3. 插入表单控件元素 文本域：可以让用户输入文本、数字或字母等信息
文本区域：即文本域的多行形式，可供用户输入大量的文本相关信息
隐藏域：隐藏域在网页中不会有任何显示，只是用来在网页之间传递
而单选按钮组一般用多选一的情况下.例如编程设计试卷选择题,ABCD
四个答案可以用单选按钮组 。
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
3. 插入表单控件元素 列表/菜单：以较少的空间提供用户多项的选择。 列表方式 菜单方式
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
表单的提交方法： GET：将提交信息放在URL后一并提交，最多可提交255个字
符，数据量比较小。
POST：将文字信息作为压缩包进行传递，安全、信息量大。
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
3. 插入表单控件元素
标签：显示输出文本信息内容，可将内容看成一整体来处理
字段集：字段集fieldset元素一种标签 作用是将它所包围的元素用线 框衬托出来
3. 插入表单控件元素 跳转菜单：列表菜单中的一种特殊形式，可为菜单选项建立超链接。 与列表菜单设置一样，不同之处为值为URL。以完成用户在选中选 项后打开相应的网页。 图像域：图像域一般应用于表单中，作用就是触发表单的相关操作， 与按钮的功能和类型是类似的，只是以图片的方式显示，单独使用 的话是没有什么意义的。都是作为表单内部的对象来使用的。 你 在浏览网站的时候经常会看到一些很漂亮的水晶提交按钮，就是通
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
第10章 创建表单网页
通过表单网页，用户能与网页进行信息的交互就可以实现
2010级中专计算机应用技术班《静态网页设计》课件——张志刚
10.1 表单概述 利用表单可与用户进行信息交互。一个表单中包含多种元素，如文本框、单选 按钮组、复选框、下拉列表等等，它们用于不同的的信息收集。它使网页由 单向浏览变成了双向交互。 10.2 插入表单元素 1. 新建网页 2. 插入表单域（表单元素必须在表单域中） 插入>表单>表单