《网页制作技术（第二版）-电子教案-许莉 11.任务十一 制作网页交互元素》由会员分享，可在线阅读，更多相关《网页制作技术（第二版）-电子教案-许莉 11.任务十一 制作网页交互元素（17页珍藏版）》请在金锄头文库上搜索。
1、网页制作技术（第二版）,主编 许莉 中国水利水电出版社,网页设计与制作,任务十一 制作网页交互元素,学习目标 了解表单的功能和含义 掌握创建表单的方法 掌握插入各表单对象的方法 学会用表格来控制表单的显示和整体提交 掌握对表单排版的整理方法,任务十一 制作网页交互元素,目录： 知识1 表单 知识2 文本域 知识3 选框与列表 知识4 文件上传域 知识5 按钮 知识6 跳转菜单 任务1 制作百度页面 任务2 制作用户注册表,任务十一 制作网页交互元素,知识1 表单,1.插入表单 将光标定位到要创建表单的位置。在“插入栏中选择“表单”选项，打开表单元素列表。 单击“表单”按钮，或选择【插入】|【表
2、单】|【表单】菜单命令，即可在光标处插入表单。,知识1 表单,2.设置表单属性 表单名称：给创建的表单命名。在HTML中就是标记的表单名称属性。 动作：指定处理该表单的动态页或脚本的路径。可以是URL地址、HTTP地址，也可以是Mailto地址。 方法：选择将表单数据传输到服务器的方式。选择“默认”选项，则以默认的发送方法发送，大多数浏览都以GET为默认方式；选择“GET”选项，则将值追加到请求该页的URL中，但它不能发送长表单，即字符数不能超过8192个符；选择“POST”选项，则在HTTP请求中嵌入表单数据。 目标：选择用于显示调用程序所返回的数据窗口。 类：选择用于控制表单的CSS。 M
3、IME类型：指定提交给服务器进行处理的数据所使用的编码类型，默认设置为application/x-www-form-urlencoded，通常与POST方法协同使用。如果要创建文件上传表单，则应选择multipart/form-data类型。,知识2 文本域,1.插入单行文本域 单击“表单”工具栏中的“文本字段”按钮， 在光标所在位置插入文本域。 “文本域”：输入文本字段的名称，该名称在该网页中应是惟一的名称，用于在脚本语言中作为标识符或访问。 “字符宽度”：设置文本域中最多可显示的字符数。“最多字符数”设置文本字段所能输入的最大字符数。 “最多字符数”：设置文本字段所能输入的最大字符数。,知
4、识2 文本域,2.插入多行文本域 单击“表单”工具栏中的“文本区域”按钮， 在光标所在位置插入文本域。 在“初始值”文本框中输入文本字段可设置默认状态时显示的内容。在“类”下拉列表框中可设置将CSS样式应用于对象。,知识2 文本域,3.插入密码域 接受文本可以是单行或多行显示，也可以以隐藏域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到这些文本。在浏览器中，当访问者往密码框中输入字符时，为了保密，字符将自动以符号或显示。 单击面板上的“文本字段”按钮，在光标所在位置插入文本域，在属性面板中选择“密码”，指定要创建的文本域的类型。,知识3 选框与列表,1.插入单选按
5、钮 单击“表单”插入栏选项卡中的“单选 按钮”即可在表单中插入一个单选按钮。 2.插入多选按钮 单击“表单”插入栏选项卡中的“复选框”按钮即可在光标所在位置插入复选框。 3.插入单选按钮组 单击“表单”插入栏选项卡中的“单选 按钮组”按钮，打开“单选按钮组”对话框。,4.插入列表和菜单 单击“表单”插入栏选项卡中的“列表/菜单”按钮，即可在指定位置插入列表或菜单。 “列表/菜单”文本框可输入列表或菜单的名称；“类型”中，选中“菜单”选项，则设置插入的是菜单，选中“列表”选项，则设置插入的是列表。,知识3 选框与列表,知识4 文件上传域,文件上传域可帮助用户选择其计算机上的文件，并将该文件上传到
6、服务器。 文件域类似于其他文本域，只是文件域还包含一个“浏览”按钮。用户可以手动输入要上传的文件的路径，也可以使用“浏览”按钮定位或选择该文件。 将光标定位到表单中需要插入 文件上传域的位置，单击面板上的 “文件域”按钮。,知识5 按钮,将光标定位到表单中需要插入按钮的位置，选择【插入】|【表单】|【按钮】菜单命令，或单击“表单”插入栏选项卡中的“按钮”按钮，即可在表单中插入按钮，默认为“提交”按钮。 “按钮名称”文本框可输入按钮的名称；“标签”文本框可输入在按钮上显示的名称；“动作”栏指定单击按钮发生的操作。“提交按钮”将插入的按钮设置为一个提交类型的按钮，当单击该按钮后，将表单中的所有信息
7、发送到服务器。“重设按钮”将插入的按钮设置为一个恢复类型的按钮，当单击该按钮后，将表单中填写的信息全部删除，可重新填写。“无”不为所选按钮指定操作。这种按钮可以同一个脚本或应用程序相链接，当单击该按钮时就运行相应的脚本或程序。,知识6 跳转菜单,跳转菜单是文档中的弹出式菜单，可以创建到整个Web站点内文档的链接、到其他 Web 站点上文档的链接、电子邮件链接、到图形的链接，也可以创建到可在浏览器中打开的任何文件类型的链接。 选择插入栏中的“表单”选项卡，单击“跳转菜单”按钮。在出现的“插入跳转菜单”对话框中的“文本”文本框中，为菜单项键入要在单列表中出现的文本。在“浏览时，转到URL”文本框中可通过浏览找到要打开的文件，或者在文本框中键入 该文件的路径。也可直接输入URL 地址，通过单击或按钮添加或删除 菜单项。,任务1 制作百度页面,任务2 制作用户注册表,本章结束,
