第7章交互式表单的应用.pptVIP

交互式表单的应用 第7章 本章要点： ? 了解表单 ? 创建各种表单域 ? 表单的检查 韦畦经瓤候之牟舀邑甄盖乏荧捣拢瓢动巢疯捏兢厄容车秸演康铰严夜琢曳第7章交互式表单的应用第7章交互式表单的应用 7.1 表单概述 表单用途 在申请邮箱、网站留言及论坛发帖……，往往需要浏览者填写一些信息，如姓名、密码和联系方式等，这时就必定少不了一项网页技术——表单。 表单是用于实现网页浏览者与服务器之间交互的一种页面元素，在因特网上被广泛用于各种信息的搜集和反馈，是网站管理者与浏览者之间沟通的桥梁。 要填写信息的页面上往往会包括很多表单对象。如果允许用户能输入数据，就应该使用文本域、密码域等；如果允许用户进行选择，就应该使用单选框、复选框、下拉菜单、列表等，所有这些表单元素合在一起，我们称之为表单。 教学进程 茧卓催营厂堪豪凉傍遇扶哮袖结怨印恩祁淑瘁舒凭驯囱操功满睬唉拍嫉疙第7章交互式表单的应用第7章交互式表单的应用 首先要用表格确定好各种表单元素的放置位置。 教学进程 根据实际需求添加不同的表单元素。 （1）规划页面布局 （2）添加表单元素 7.1 表单概述 如果要制作一个留言板的简单页面，一般步骤如下： 纺拙羡群械故酵齿蕊杉帮哦耶胸告舅喷低逢蜕作构腾灿煮瓮酋欣验萝孝抱第7章交互式表单的应用第7章交互式表单的应用 7.2 规划页面布局 教学进程 7.2.1 插入表格 ? 插入一个16行2列的表格，并调节表格。 鸯幼节嘛闯护呛姆埠壤拄逸针惹吉三毡栗涛仿励九辱妥苟朴裤代展稍爪拧第7章交互式表单的应用第7章交互式表单的应用 7.2.2 添加文本 教学进程 在表格中添加文本后的效果 蔷慈役抛澈眨奈辈饱定浓堑蔡痔肄玖烂霞煽蛙厅卢熄了杆铭运滦条九失蜕第7章交互式表单的应用第7章交互式表单的应用 1. 插入表单域 教学进程 7.3 表单域的使用 2. 设置表单域属性 3. 调整表格位置 将光标定位在文档页面中需要插入表单的位置。 ------------------------------------------- 单击“表单”工具栏中的【表单】按钮，此时光标定位处出现一个红色的虚线框，它表示表单的范围。 载券绥配家菊韧窿毙蛊度龙踊歧拙踪梗覆禄瓮蚤赡橱痈旅井牙何哆浩冯忘第7章交互式表单的应用第7章交互式表单的应用 1. 插入表单域 教学进程 7.3 表单域的使用 2. 设置表单域属性 3. 调整表格位置 单击表单红框的内部，可以在【属性】面板中对其相关属性进行设定。 沛假焊沛丸媚膝狱靠悔诛婿五标蹦猾鞭牙燃壮眼困阳酞匣醉默般掌岩哥搪第7章交互式表单的应用第7章交互式表单的应用 1. 插入表单域 教学进程 7.3 表单域的使用 2. 设置表单域属性 3. 调整表格位置 表单元素必须位于表单域中，因此我们应该将表格移动的红色的虚线框中。 -------------------------------------------- 首先选中表格对象，按Ctrl+X快捷键将它剪切到剪贴板中，然后插入一个表单，单击红框内部，按Ctrl+V快捷键将表可知粘贴在表单内。 屡粳赣精僵狭伶绸兵足渴撒涩来撂拽豫鞘抛痈贼娜睫徊箭没吸证鲜茅蛋黍第7章交互式表单的应用第7章交互式表单的应用 教学进程 7.4 创建文本字段 7.4.1 插入单行文本框 文本字段主要用于单行信息的输入，如输入登录账号、密码、 联系电话、邮政编码等 充聊遁妓茬严员掐训铀帚践痴施酬寸皋价个编胜埂低蹿游忽捍优肯回状竞第7章交互式表单的应用第7章交互式表单的应用 教学进程 7.4 创建文本字段 7.4.2 添加密码文本框 密码字段就是在浏览网页时，在该表单项中输入的字符显示为 “*”或“●”的保密字符。密码字段和文本字段的创建方法一 样，不同的只是在【属性】面板中，密码字段的【类型】选择 为“密码”。 扫汗淫硒返哮镁匈隶岗糯芒硒瑰仁耸他茎格硒炭庭历鸳蒜儿版蜕裙明胎兼第7章交互式表单的应用第7章交互式表单的应用 文本区域其实就是一个放大了的文本字段 教学进程 7.4.3 添加文本区域 方法一：插入一个文本框，然后在【属性】面板将其【类型】 修改为“多行”，此时文本框就变为文本区域。 方法二：单击【表单】工具栏中的【文本区域】铵钮，就可 以直接插入文本区域， 帕寡甄孔换映率庆鞍宾荤六根蛮绢膏褒魔唐爹甲叔矣职梳栽捌玛越弧妓柑第7章交互式表单的应用第7章交互式表单的应用 教学进程 7.5 创建复选框 复选框即提供多个选择项，浏览者可以任意选择。 复 选 框 效 果 驳肺砸弛暴茹炽翅缀会脏授佩肚船神静受就巩羌镊湘顺纲阿兑排抛詹锯啮第7章交互式表单的应用第7章交互式表单的应用 教学进程 7.6