交互式表单应用.pptx
《交互式表单应用.pptx》由会员分享,可在线阅读,更多相关《交互式表单应用.pptx(27页珍藏版)》请在咨信网上搜索。
1、7.1 7.1 表单概述表单概述表单概述表单概述表单用途表单用途 在申请邮箱、网站留言及论坛发帖在申请邮箱、网站留言及论坛发帖,往往需要浏览者填,往往需要浏览者填写一些信息,如姓名、密码和联系方式等,这时就必定少不写一些信息,如姓名、密码和联系方式等,这时就必定少不了一项网页技术了一项网页技术表单。表单。表单是用于实现网页浏览者与服务器之间交互的一种页面元表单是用于实现网页浏览者与服务器之间交互的一种页面元表单是用于实现网页浏览者与服务器之间交互的一种页面元表单是用于实现网页浏览者与服务器之间交互的一种页面元素,在因特网上被广泛用于各种信息的搜集和反馈,是网站素,在因特网上被广泛用于各种信息的
2、搜集和反馈,是网站素,在因特网上被广泛用于各种信息的搜集和反馈,是网站素,在因特网上被广泛用于各种信息的搜集和反馈,是网站管理者与浏览者之间沟通的桥梁。管理者与浏览者之间沟通的桥梁。管理者与浏览者之间沟通的桥梁。管理者与浏览者之间沟通的桥梁。要填写信息的页面上往往会包括很多表单对象。如果允许用要填写信息的页面上往往会包括很多表单对象。如果允许用要填写信息的页面上往往会包括很多表单对象。如果允许用要填写信息的页面上往往会包括很多表单对象。如果允许用户能输入数据,就应该使用文本域、密码域等;如果允许用户能输入数据,就应该使用文本域、密码域等;如果允许用户能输入数据,就应该使用文本域、密码域等;如果
3、允许用户能输入数据,就应该使用文本域、密码域等;如果允许用户进行选择,就应该使用单选框、复选框、下拉菜单、列表户进行选择,就应该使用单选框、复选框、下拉菜单、列表户进行选择,就应该使用单选框、复选框、下拉菜单、列表户进行选择,就应该使用单选框、复选框、下拉菜单、列表等,所有这些表单元素合在一起,我们称之为表单。等,所有这些表单元素合在一起,我们称之为表单。等,所有这些表单元素合在一起,我们称之为表单。等,所有这些表单元素合在一起,我们称之为表单。教学进程教学进程教学进程教学进程第1页/共27页首先要用表格确定好各种表单元素的放置位置。首先要用表格确定好各种表单元素的放置位置。教学进程教学进程教
4、学进程教学进程根据实际需求添加不同的表单元素。根据实际需求添加不同的表单元素。(1 1)规划页面布局)规划页面布局)规划页面布局)规划页面布局(2 2)添加表单元素)添加表单元素)添加表单元素)添加表单元素7.1 7.1 表单概述表单概述表单概述表单概述如果要制作一个留言板的简单页面,一般步骤如下:如果要制作一个留言板的简单页面,一般步骤如下:第2页/共27页7.2 7.2 规划页面布局规划页面布局规划页面布局规划页面布局教学进程教学进程教学进程教学进程7 7.2.1.2.1 插入表格插入表格插入表格插入表格 插入一个插入一个16行行2列的表格,并调节表格。列的表格,并调节表格。第3页/共27
5、页7.2.2 7.2.2 添加文本添加文本添加文本添加文本教学进程教学进程教学进程教学进程在在表表格格中中添添加加文文本本后后的的效效果果 第4页/共27页1.插入表单域插入表单域教学进程教学进程教学进程教学进程7.3 7.3 表单域的使用表单域的使用表单域的使用表单域的使用2.设置表单域属性设置表单域属性3.调整表格位置调整表格位置将光标定位在文档页面中需要插入表单的位置。-单击“表单”工具栏中的【表单】按钮,此时光标定位处出现一个红色的虚线框,它表示表单的范围。第5页/共27页1.插入表单域插入表单域教学进程教学进程教学进程教学进程7.3 7.3 表单域的使用表单域的使用表单域的使用表单域
6、的使用2.设置表单域属性设置表单域属性3.调整表格位置调整表格位置单击表单红框的内部,可以在【属性】面板中对其相关属性进行设定。第6页/共27页1.插入表单域插入表单域教学进程教学进程教学进程教学进程7.3 7.3 表单域的使用表单域的使用表单域的使用表单域的使用2.设置表单域属性设置表单域属性3.调整表格位置调整表格位置 表单元素必须位于表单域中,因此我们应该将表格移动的红色的虚线框中。-首先选中表格对象,按Ctrl+X快捷键将它剪切到剪贴板中,然后插入一个表单,单击红框内部,按Ctrl+V快捷键将表可知粘贴在表单内。第7页/共27页教学进程教学进程教学进程教学进程7.4 7.4 创建文本字
7、段创建文本字段创建文本字段创建文本字段7.4.1 7.4.1 插入单行文本框插入单行文本框插入单行文本框插入单行文本框文本字段主要用于单行信息的输入,如输入登录账号、密码、文本字段主要用于单行信息的输入,如输入登录账号、密码、联系电话、邮政编码等联系电话、邮政编码等第8页/共27页教学进程教学进程教学进程教学进程7.4 7.4 创建文本字段创建文本字段创建文本字段创建文本字段7.4.2 7.4.2 添加密码文本框添加密码文本框添加密码文本框添加密码文本框密码字段就是在浏览网页时,在该表单项中输入的字符显示为密码字段就是在浏览网页时,在该表单项中输入的字符显示为“*”或或“”的保密字符。密码字段
8、和文本字段的创建方法一的保密字符。密码字段和文本字段的创建方法一样,不同的只是在样,不同的只是在【属性属性】面板中,密码字段的面板中,密码字段的【类型类型】选择选择为为“密码密码”。第9页/共27页文本区域其实就是一个放大了的文本字段文本区域其实就是一个放大了的文本字段教学进程教学进程教学进程教学进程7.4.3 7.4.3 添加文本区域添加文本区域添加文本区域添加文本区域方法一:插入一个文本框,然后在方法一:插入一个文本框,然后在【属性属性】面板将其面板将其【类型类型】修改为修改为“多行多行”,此时文本框就变为文本区域。,此时文本框就变为文本区域。方法二:单击方法二:单击【表单表单】工具栏中的
9、工具栏中的【文本区域文本区域】铵钮,就可铵钮,就可以直接插入文本区域,以直接插入文本区域,第10页/共27页教学进程教学进程教学进程教学进程7.5 7.5 创建复选框创建复选框创建复选框创建复选框 复选框即提供多个选择项,浏览者可以任意选择。复选框即提供多个选择项,浏览者可以任意选择。复复选选框框效效果果第11页/共27页教学进程教学进程教学进程教学进程7.6 7.6 创建单选按钮和单选按钮组创建单选按钮和单选按钮组创建单选按钮和单选按钮组创建单选按钮和单选按钮组方法方法方法方法 和复选框的功能似乎有些相反,单选按钮是多个选项中只和复选框的功能似乎有些相反,单选按钮是多个选项中只能选择一个,具
10、有唯一选择性。在页面设计时插入单选按钮很能选择一个,具有唯一选择性。在页面设计时插入单选按钮很简单,方法类似复选框。简单,方法类似复选框。效果效果效果效果7.6.1 7.6.1 添加单选按钮添加单选按钮添加单选按钮添加单选按钮第12页/共27页教学进程教学进程教学进程教学进程7.6.2 7.6.2 添加单选按钮组添加单选按钮组添加单选按钮组添加单选按钮组方法方法方法方法将光标定位在要插入单选按钮组的位置,单击将光标定位在要插入单选按钮组的位置,单击将光标定位在要插入单选按钮组的位置,单击将光标定位在要插入单选按钮组的位置,单击【表单表单表单表单】工具栏工具栏工具栏工具栏中的中的中的中的【单选按
11、钮组单选按钮组单选按钮组单选按钮组】按钮,弹出按钮,弹出按钮,弹出按钮,弹出【单选按钮组单选按钮组单选按钮组单选按钮组】对话框,我们对话框,我们对话框,我们对话框,我们仍然以前面制作的仍然以前面制作的仍然以前面制作的仍然以前面制作的“性别性别性别性别”单选按钮为例,将单选按钮为例,将单选按钮为例,将单选按钮为例,将【名称名称名称名称】修改为修改为修改为修改为“sex”sex”,同时修改,同时修改,同时修改,同时修改【LabelLabel】和和和和【ValueValue】的值,单击的值,单击的值,单击的值,单击【确定确定确定确定】按钮即可得到一组单选按钮组。按钮即可得到一组单选按钮组。按钮即可得
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 交互式 表单 应用
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【胜****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【胜****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。