第6章 使用表单制作交互概要1.pptx

第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;第6章 使用表单制作交互页面;6.2 添加表单对象 6.2.3使用复选框 2. 复选框组 (4)单击“确定”按钮，即在插入点处出现一个复选框组。 “复选框组”对话框中各项参数含义如下： ①名称：设置复选框组的名称。若希望复选框组将参数传递回服务器。则这些参数将与该名称相关联。 ②复选框：涉及4个按钮和2个区域。 “添加”按钮 ：在复选框组中添加一个单选按钮。 “移除”按钮 ：在复选框组中删除一个单选按钮。 “上移”按钮 ：将选中的复选框位置向上移动。 “下移”按钮 ：将选中的复选框位置向下移动。 标签：复选框的标签，即复选框的说明性内容。 值：复选框的值，相当于“属性”面板中的“选定值”。;6.2 添加表单对象 6.2.3使用复选框 2. 复选框组 ③布局，使用：设置复选框组的布局方式。 换行符（br 标签）：复选框在网页中直接换行，每个复选框占一行。 表格：将复选框放在表格中，每个复选框占一个单元格。 例如在图6.4所示的“读者调查”表单中，利用复选框设计“您喜爱的栏目”，操作步骤如下： (1)在表单中添加6个复选框，并在各复选框后面分别添加标签文字“诗词歌赋”、“小说故事”、 “杂文评论”、“个人文集”、“随感日记”和“无心快语”。 (2)在每一个复选框“属性”面板中，用相同名称为“复选框名称”命名，如“info1”，表示这些内容是属于同一个问题的选项。 (3)为每一个复选框赋予不同的“选定值”，如“poet”、“story”、 “comment”、“individual”、“diary”和“whisper”。 ;6.2 添加表单对象 6.2.4使用单选按钮 单选按钮的特点是在一组单选按钮选项中每次只能选择其中一项。 1. 单选按钮 添加单选按钮的操作步骤入下： (1)将光标定位在要插入单选按钮的位置，在菜单栏中选择“插入”|“表单”|“单选按钮”或者单击“表单”插入栏中的 按钮。 (2)在打开的“输入标签辅助功能属性”对话框中输入相应信息。 (3)单击“确定”按钮，即在插入点处出现一个单选按钮。 ;6.2 添加表单对象 6.2.4使用单选按钮 1. 单选按钮 单选按钮“属性”面板的各项参数含义如下： (1)单选按钮：设置单选按钮的名称。默认值为“radiobutton”，该名称可以被文档的脚本程序引用，以获得单选按钮的名称。单选按钮经常成组使用，同组的单选按钮名称是相同的。 (2)选定值：设置选中单选按钮后控件的值，提交表单时，该单选按钮的值可以被上传到服务器，提供给应用程序进行处理。 (3)初始状态：设置单选按钮的初始状态，“已勾选”指定初始时已被选中，即在浏览网页时，该单选按钮形状为“☉”；“未选中”指定初始时未被选中，即在浏览网页时，该单选按钮形状为“○”。如图6.4中表单域中“性别”选项的“男”和“女”单选按钮。;6.2 添加表单对象 6.2.4使用单选按钮 2. 单选按钮组 (1)将光标定位在要插入单选按钮组的位置，在菜单栏中选择“插入”|“表单”|“单选按钮组”或者单击“表单”插入栏中的 按钮。 (2)在打开的“单选按钮组”对话框中输入按钮组名称。 (3)输入每一个按钮的标签和值，如图6.13所示。 (4)单击“确定”按钮，即在插入点处出现一个单选按钮组。;6.2 添加表单对象 6.2.4使用单选按钮 2. 单选按钮组 “单选按钮组”对话框中各项参数含义如下： ①名称：设置单选按钮组的名称。若希望单选按钮组将参数传递回服务器。则这些参数将与该名称相关联。例如将单选按钮组命名为sex，并将表单方法设置为GET（即希望用户单击“递交”按钮时，表单传递的是URL参数而不是表单参数），则会在URL中将表达式“sex=选中的值(woman或man)”传递给该服务器。 ②单选按钮：涉及4个按钮和2个区域。 标签：按钮的标签，即按钮的说明性内容。 值：按钮的值，相当于“属性”面板中的“选定值”。 ③布局，使用：设置单选按钮组的布局方式。 换行符（br 标签）：单选按钮在网页中直接换行，每个单选按钮占一行。 表格：将单选按钮放在表格中，每个单选按钮占一个单元格。;6.2 添加表单对象 6.2.5使用列表/菜单 1. 下拉菜单