交互式表单的应用

《交互式表单的应用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、交互式表单的应用第7章本章要点：►了解表单►创建各种表单域►表单的检查7.1表单概述表单用途在申请邮箱、网站留言及论坛发帖……，往往需要浏览者填写一些信息，如姓名、密码和联系方式等，这时就必定少不了一项网页技术——表单。表单是用于实现网页浏览者与服务器之间交互的一种页面元素，在因特网上被广泛用于各种信息的搜集和反馈，是网站管理者与浏览者之间沟通的桥梁。要填写信息的页面上往往会包括很多表单对象。如果允许用户能输入数据，就应该使用文本域、密码域等；如果允许用户进行选择，就应该使用单选框、复选框、下拉菜单、列表等，所有这些表单元素合在一起，我们称之为

2、表单。教学进程首先要用表格确定好各种表单元素的放置位置。教学进程根据实际需求添加不同的表单元素。（1）规划页面布局（2）添加表单元素7.1表单概述如果要制作一个留言板的简单页面，一般步骤如下：7.2规划页面布局教学进程7.2.1插入表格☻插入一个16行2列的表格，并调节表格。7.2.2添加文本教学进程在表格中添加文本后的效果1.插入表单域教学进程7.3表单域的使用2.设置表单域属性3.调整表格位置将光标定位在文档页面中需要插入表单的位置。-------------------------------------------单击“表单”工具栏中的

3、【表单】按钮，此时光标定位处出现一个红色的虚线框，它表示表单的范围。1.插入表单域教学进程7.3表单域的使用2.设置表单域属性3.调整表格位置单击表单红框的内部，可以在【属性】面板中对其相关属性进行设定。1.插入表单域教学进程7.3表单域的使用2.设置表单域属性3.调整表格位置表单元素必须位于表单域中，因此我们应该将表格移动的红色的虚线框中。--------------------------------------------首先选中表格对象，按Ctrl+X快捷键将它剪切到剪贴板中，然后插入一个表单，单击红框内部，按Ctrl+V快捷键将表可知

4、粘贴在表单内。教学进程7.4创建文本字段7.4.1插入单行文本框文本字段主要用于单行信息的输入，如输入登录账号、密码、联系电话、邮政编码等教学进程7.4创建文本字段7.4.2添加密码文本框密码字段就是在浏览网页时，在该表单项中输入的字符显示为“*”或“●”的保密字符。密码字段和文本字段的创建方法一样，不同的只是在【属性】面板中，密码字段的【类型】选择为“密码”。文本区域其实就是一个放大了的文本字段教学进程7.4.3添加文本区域方法一：插入一个文本框，然后在【属性】面板将其【类型】修改为“多行”，此时文本框就变为文本区域。方法二：单击【表单】工具

5、栏中的【文本区域】铵钮，就可以直接插入文本区域，教学进程7.5创建复选框复选框即提供多个选择项，浏览者可以任意选择。复选框效果教学进程7.6创建单选按钮和单选按钮组方法和复选框的功能似乎有些相反，单选按钮是多个选项中只能选择一个，具有唯一选择性。在页面设计时插入单选按钮很简单，方法类似复选框。效果7.6.1添加单选按钮教学进程7.6.2添加单选按钮组方法将光标定位在要插入单选按钮组的位置，单击【表单】工具栏中的【单选按钮组】按钮，弹出【单选按钮组】对话框，我们仍然以前面制作的“性别”单选按钮为例，将【名称】修改为“sex”，同时修改【Label

6、】和【Value】的值，单击【确定】按钮即可得到一组单选按钮组。教学进程7.7创建菜单和列表方法将光标定位在要添加菜单的单元格内，单击【表单】工具栏中的【列表/菜单】按钮，此时在编辑窗口中就出一个菜单框，选择该菜单框，然后在属性面板中设置其属性。7.7.1添加菜单教学进程7.7.2添加列表介绍列表不同于菜单，列表允许同时显示多个项目标签，并且允许对项目进行多选。其插入方法和“菜单”一样。方法选择刚才插入的菜单，在【属性】面板中将【类型】设置为【列表】，这时【高度】和【选定范围】就变成可用。教学进程浏览网页时经常需要用户将文件提交到网站服务器上，

7、例如，当发送电子邮件需要添加附件时，或当发表帖子需要上传图片时，就会看到一个文本对话框和一个浏览按钮，以提供浏览本地文件进行上传。这就是文件域的具体表现。7.8创建其他常用表单域7.8.1插入文件域将光标定位在“精彩留念”右侧的单元格内，单击【表单】工具栏中的【文件域】按钮，文件域就被插入到编辑窗口中，在属性面板中设置其相关参数。教学进程7.8创建其他常用表单域7.8.2插入按钮表单中的按钮可以用来提交或重置表单，也可以为按钮提供一些“行为”动作，使得其具有一些功能。按钮的预览效果教学进程7.8创建其他常用表单域7.8.3插入图像域图像域的出现

8、弥补了按钮样式的单调性。可以用一张图像来实现按钮、提交表单等功能，图像域的属性教学进程7.8创建其他常用表单域7.8.3插入隐藏域隐藏域就是当网页被浏