




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、本章要点:本章要点: 了解表单 创建各种表单域 表单的检查表单用途表单用途 在申请邮箱、网站留言及论坛发帖在申请邮箱、网站留言及论坛发帖,往往需要浏览者填,往往需要浏览者填写一些信息,如姓名、密码和联系方式等,这时就必定少不写一些信息,如姓名、密码和联系方式等,这时就必定少不了一项网页技术了一项网页技术表单。表单。首先要用表格确定好各种表单元素的放置位置。首先要用表格确定好各种表单元素的放置位置。 根据实际需求添加不同的表单元素。根据实际需求添加不同的表单元素。 如果要制作一个留言板的简单页面,一般步骤如下:如果要制作一个留言板的简单页面,一般步骤如下: 插入一个插入一个16行行2列的表格,并
2、调节表格。列的表格,并调节表格。 在表格中添加文本后的效果在表格中添加文本后的效果 1. 插入表单域插入表单域2. 设置表单域属性设置表单域属性3. 调整表格位置调整表格位置将光标定位在文档页面中需要插入表单的位置。-单击“表单”工具栏中的【表单】按钮,此时光标定位处出现一个红色的虚线框,它表示表单的范围。1. 插入表单域插入表单域2. 设置表单域属性设置表单域属性3. 调整表格位置调整表格位置单击表单红框的内部,可以在【属性】面板中对其相关属性进行设定。1. 插入表单域插入表单域2. 设置表单域属性设置表单域属性3. 调整表格位置调整表格位置 表单元素必须位于表单域中,因此我们应该将表格移动
3、的红色的虚线框中。-首先选中表格对象,按ctrl+x快捷键将它剪切到剪贴板中,然后插入一个表单,单击红框内部,按ctrl+v快捷键将表可知粘贴在表单内。文本字段主要用于单行信息的输入,如输入登录账号、密码、文本字段主要用于单行信息的输入,如输入登录账号、密码、联系电话、邮政编码等联系电话、邮政编码等密码字段就是在浏览网页时,在该表单项中输入的字符显示为密码字段就是在浏览网页时,在该表单项中输入的字符显示为“*”或或“”的保密字符。密码字段和文本字段的创建方法一的保密字符。密码字段和文本字段的创建方法一样,不同的只是在样,不同的只是在【属性属性】面板中,密码字段的面板中,密码字段的【类型类型】选
4、择选择为为“密码密码”。 文本区域其实就是一个放大了的文本字段文本区域其实就是一个放大了的文本字段方法一:插入一个文本框,然后在方法一:插入一个文本框,然后在【属性属性】面板将其面板将其【类型类型】修改为修改为“多行多行”,此时文本框就变为文本区域。,此时文本框就变为文本区域。 方法二:单击方法二:单击【表单表单】工具栏中的工具栏中的【文本区域文本区域】铵钮,就可铵钮,就可以直接插入文本区域,以直接插入文本区域, 复选框即提供多个选择项,浏览者可以任意选择。复选框即提供多个选择项,浏览者可以任意选择。复复选选框框效效果果 和复选框的功能似乎有些相反,单选按钮是多个选项中只和复选框的功能似乎有些
5、相反,单选按钮是多个选项中只能选择一个,具有唯一选择性。在页面设计时插入单选按钮很能选择一个,具有唯一选择性。在页面设计时插入单选按钮很简单,方法类似复选框。简单,方法类似复选框。浏览网页时经常需要用户将文件提交到网站服务器上,例如,浏览网页时经常需要用户将文件提交到网站服务器上,例如,当发送电子邮件需要添加附件时,或当发表帖子需要上传图片当发送电子邮件需要添加附件时,或当发表帖子需要上传图片时,就会看到一个文本对话框和一个浏览按钮,以提供浏览本时,就会看到一个文本对话框和一个浏览按钮,以提供浏览本地文件进行上传。这就是文件域的具体表现。地文件进行上传。这就是文件域的具体表现。将光标定位在将光
6、标定位在“精彩留念精彩留念”右侧的单元格内,单击右侧的单元格内,单击【表单表单】工工具栏中的具栏中的【文件域文件域】按钮,文件域就被插入到编辑窗口中,在按钮,文件域就被插入到编辑窗口中,在属性面板中设置其相关参数。属性面板中设置其相关参数。表单中的按钮可以用来提交或重置表单,也可以为按钮提供一表单中的按钮可以用来提交或重置表单,也可以为按钮提供一些些“行为行为”动作,使得其具有一些功能。动作,使得其具有一些功能。按钮的预览效果按钮的预览效果图像域的出现弥补了按钮样式的单调性。可以用一张图像来实图像域的出现弥补了按钮样式的单调性。可以用一张图像来实现按钮、提交表单等功能,现按钮、提交表单等功能,
7、图像域的属性图像域的属性隐藏域就是当网页被浏览时,该表单不希望浏览者看到,此时隐藏域就是当网页被浏览时,该表单不希望浏览者看到,此时就可以使用隐藏域。它一般用于信息的暂存但又无须在页面中就可以使用隐藏域。它一般用于信息的暂存但又无须在页面中显示的情况,或者说更多的是为了网页程序的使用。显示的情况,或者说更多的是为了网页程序的使用。隐藏域的属性隐藏域的属性跳转菜单的效果跳转菜单的效果(1)返中跳转菜单,进入属性面板(2)在列表中修改即可对于已经创建好的表单,其功能及位置不一定能满足实际对于已经创建好的表单,其功能及位置不一定能满足实际需求。比如,有些文本字段必须要填入内容,而有些则是需求。比如,
8、有些文本字段必须要填入内容,而有些则是可选项;而有些文本字段要求输入指定范围内的数据等。可选项;而有些文本字段要求输入指定范围内的数据等。如何来检测表单是否满足我们的需求,就成了创建表单后如何来检测表单是否满足我们的需求,就成了创建表单后的一项相当重要的工作。的一项相当重要的工作。-进行表单检查有两种情况:一种是对单个表单对象进行检进行表单检查有两种情况:一种是对单个表单对象进行检查,只要触及该对象就进行检查;另一种是提交表单时才查,只要触及该对象就进行检查;另一种是提交表单时才进行全面检查。进行全面检查。只有当单击只有当单击【提交提交】按钮那一刻开始,才对表单进行检查操作。按钮那一刻开始,才对表单进行检查操作。在制作表单检查的实际运用中,一般采用对在制作表单检查的实际运用中,一般采用对【提交提交】按钮做最后检按钮做最后检查操作就可以了。当然,如果再加上对单个表单对象的检查,这样查操作就可以了。当然,如果再加上对单个表单对象的检查,这样就更加严谨了。但这并不代表这种检查就万无一失了,因为目前所就更加严谨了。但这并不代表这种检查就万无一失了,因为目前所进行的表单检查,只是通过脚本语言在客户端的浏览器上进行的,进行的表单检查,只是通过脚本语言在客户端的浏览器上进行的,在数据信息传送到服务器端时,仍将有必
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 别墅果树出售合同范本
- 勘查标准合同范本
- 上海古董拍卖合同范本
- 信托转让合同范本
- 单位与单位入股合同范本
- 乡村道路跨宽施工合同范本
- 加工企业入股合同范本
- 单位施工合同范例
- 包装盒印刷厂合同范本
- 隐蔽验收合同范本
- T-CSPSTC 111-2022 表层混凝土低渗透高密实化施工技术规程
- 食品经营安全管理制度目录
- 南通大学开题报告模版
- 医院急救中心劳务外包采购项目评标办法(评分细则表)
- JTG H12-2015 公路隧道养护技术规范
- 2024天津工业职业学院教师招聘考试笔试试题
- QCT1067.5-2023汽车电线束和电器设备用连接器第5部分:设备连接器(插座)的型式和尺寸
- 石灰石开采项目可行性分析报告
- 2024年高考历史总复习中外历史大事年表
- 追求理解的教学设计
- 《研学旅行课程设计》课件-1研学课程资源选择
评论
0/150
提交评论