FrontPage基础教程表单的设计

表单在网站的制作过程中是比较常见的，举个简单的例子，我们在申请免费电子信箱或者个人主页时，需要填写一些个人信息，比如用户名、口令、密码提示信息等，收集这些信息的工具就是表单。常用表单的类型包括联系信息表单、请求表单、发货和付费方式的订购表单、反馈表单、搜索查询表单等。
　　制作搜索表单
　　对访问者来说，在一个大网站中查找文章会很不方便，这时我们可以创建一个搜索表单。执行“插入/Web组件”命令，打开“插入Web组件”对话框。在左侧窗口中选择“Web搜索”，在右侧窗口中选择“当前站点”，然后单击“完成”按钮打开“搜索表单属性”对话框，如图1所示。在“搜索表单属性”选项卡中将“输入框的标签”设置为“站内搜索：”。然后切换到“搜索结果”选项卡，设置显示查询结果时需要显示的信息和格式，选中“显示文件大小”和“选中文件日期”复选框，完成后“确定”，搜索表单就会出现在网页中了，如图2所示。需要注意的是，建立好的搜索表单需要发布以后才能正常工作。
　　图1在此设置搜索表单属性
　　用向导创建表单
　　FrontPage XP提供了表单创建向导，执行“文件/新建”命令，然后单击“网页或站点”，在“新建网页或站点”窗口中，在“根据模板新建”之下，单击“网页模板”，在打开的对话框中选择“常规”选项卡，并单击“表单网页向导”后“确定”。
　　图2搜索表单
　　进入表单向导后单击“下一步”按钮进入添加问题界面，单击“添加”按钮，在打开的对话框中，从“选择此问题要收集的输入类型”列表中选择需要访问者输入的数据类，比如“个人信息”，单击“下一步”按钮进入“个人信息”界面，选择需要访问者填写的信息内容，如图3所示。返回添加问题对话框后单击“下一步”进入“显示选项”对话框。在这里设置问题的显示类型，然后进入输出选项对话框。输出选项可以设置为Web或者文本文件格式，如图4，最后单击“下一步”按钮，完成表单设计。
　　手工设计表单
　　执行主菜单“插入/表单/表单”命令，即可在当前页面插入一个新的表单，其中包括“提交”和“重置”两个按钮，还多出了一个虚线框，这个虚线框区域就是一个空表单，可以在这里添加表单字段。
　　执行主菜单“插入/表单/文本框”命令，一个新的文本框就被插入到当前表单了，然后在字段名称前输入字段名称的含义。同样，可在“插入/表单”菜单中选择不同的控件对象插入到当前表单中。
　　图3表单网页的向导信息
　　双击文本框打开“文本框属性”对话框，在“名称”框中输入标识文本框的名称，如果希望访问者第一次打开表单时文本框中出现文本，可以在“初始值”框中输入要显示的文本内容，完成后在“宽度”中设置文本框宽度，最后单击“确定”按钮。此外，还可以向当前表单中插入复选框、下拉框、选项按钮等多种控件。
　　确认网页
　　访问者完成一个表单的填写并提交后，可以显示一个确认网页，用来显示访问者输入的内容。
　　首先新建立一个空白网页，设置其名称为“确认网页.htm”。然后打开一个已经建立好的表单网页，单击鼠标右键，选择“表单属性”命令打开“表单属性”对话框。
　　单击“选项”按钮，选择“确认网页”选项卡，单击“确认网页”文本框后的“浏览”按钮，选择“确认网页.htm”。然后切换到“保存的域”选项卡，这里会显示刚才制作的表单中对象的名字，单击“全部保存”按钮，最后“确定”返回表单，这样就把当前表单的确认网页指向了“确认网页.htm”。

FrontPage基础教程表单的设计相关推荐

表单验证设计的用户体验基本原则
转自:http://www.oschina.net/translate/ux-form-validation?from=20130331 英文原文:The Ultimate UX Design of ...
Django基础(11): 表单集合Formset的高级用法详解
Formset(表单集)是多个表单的集合.Formset在Web开发中应用很普遍,它可以让用户在同一个页面上提交多张表单,一键添加多个数据,比如一个页面上添加多个用户信息.今天小编我就介绍下Djang ...
数字时代下表单产品设计中的数据研究
导语:伴随着各行各业和人们生产生活中出现的数据化转型趋势,数据设计显得愈发重要.这篇文章主要讨论了数据的概念.分类,以及数据与指标的关系,在表单产品中数据设计的注意事项.推荐对表单设计感兴趣的同学阅读 ...
java 表单_Java报表表单设计之表单样式设计
阅读提示: 文章中与FineReport软件使用的相关内容,基于软件的V7.0旧版本编写,不代表软件最新的使用方式. FineReport最新版免费试用:https://www.finereport. ...
用户注册表单的设计及验证
JSP程序设计程第二版用户注册表单的设计及验证报告用户注册表单的设计及验证设备仪器/软件环境 1.Windows 10系统 2.JDK.eclipse.Tomcat 实验(实训)/目标 1.掌握 ...
B端产品中，Web端表单如何设计
作者:Nick (转载已获得作者授权) 一.表单的定义表单是信息添加.录入的通用形式:其作为获取用户输入的重要交互方式,也承担着将问题和答案进行配对的角色. 二.表单的设计原则设计原则是任何一种解 ...
表单展示界示例_联系表单页面设计的12个最佳实践（包括示例）
表单展示界示例 Do you want to improve your contact form page design? A good contact form page design encour ...
html5排版的价格表,分享各种报价表单页面设计的网站：Pricing Pages
分享各种报价表单页面设计的网站:Pricing Pages 8月 10, 2016 评论 Sponsor 网页设计中报价页通常是选择购买产品的价格套餐页面,之前达人报道过<网站布局之价格表单设计 ...
【前端基础】表单标签/提交
[前端基础]表单标签/提交表单标签 1. 表单的介绍 2. 表单相关标签的使用 3. 小结表单提交 1. 表单属性设置 2. 表单元素属性设置 3. 示例代码小结表单标签学习目标能够知道表 ...

FrontPage基础教程表单的设计