但是如果选项太多，那么使用单选按钮或复选框就会使网页太松散，这是我们可以采用下拉菜单。
　　我们现在来创建一个让用户输入地区的下拉列表：选择“插入”菜单的“表单”子菜单，单击“下拉菜单”选项，这时我们就创建了一个包含下拉菜单的表单，

///pc/homepage/fp2k/img/fp2q1030.gif" width="400" height="262" alt="带有下拉菜单的表单">

　　下面我们来看看下拉菜单里的选项怎么设置：双击下拉菜单，进入“下拉菜单属性对话框”：

///pc/homepage/fp2k/img/fp2q1031.gif" width="350" height="236" alt="“下拉菜单属性”对话框">

　　在名称字段里输入“DROP1”，这样下拉列表的名字就改变了。
　　单击添加按钮，进入“添加选择”对话框，

///pc/homepage/fp2k/img/fp2q1032.gif" width="269" height="211" alt="“添加选项”对话框">

　　在选项里输入“河北”，默认情况下，当浏览者选择该选项并提交表单时，“河北”两字就被发送给服务器，我们现在把“指定值”复选框选中，在下面的文本框中输入“HEBEI”，这样，当提交表单时如果“河北”选项被选中了，那么，服务器就会收到“HEBEI”字符串信息，单击“确定”按钮，这时“下拉菜单属性”列表框中就有了我们刚才添加的选项，

///pc/homepage/fp2k/img/fp2q1033.gif" width="350" height="236" alt="“下拉菜单属性”列表框中有了我们添加的选项">

　　用同样的方法添加其他选项，如果要调整选项的先后顺序可以选中对应的选项后，用“上移”、“下移”调整顺序，也可以用“删除”按钮将已经添加的选项删除，单击“确定”按钮，这时一个下拉列表就设置好了。

///pc/homepage/fp2k/img/fp2q1034.gif" width="400" height="265" alt="做好的下拉表单在浏览器中的效果">

　　这是在浏览器中的结果，默认的选择是“河北”，我们选择“山东”，单击“提交”按钮，服务器就收到“SHANDONG”的信息了。

///pc/homepage/fp2k/img/fp2q1035.gif" width="400" height="299" alt="表单确认">

　　如果要选择多项怎么办呢？我们在普通模式下双击刚才的下拉列表，进入“下拉菜单属性对话框”，

///pc/homepage/fp2k/img/fp2q1036.gif" width="350" height="236" alt="在”下拉菜单属性“中进行调整">

　　将“允许多重选择”设置为“是”，并将高度设置为“5”，单击“确定”按钮，这时我们得到的就不是一个下拉列表，而是一个列表框了。

　　我们在下拉列表框前面添加“选择第二个地区：”现在列表是进行多项选择了，控制不多不少只选择两个。我们双击下拉列表，

///pc/homepage/fp2k/img/fp2q1037.gif" width="350" height="236" alt="在“下拉菜单属性”对话框中点“验证有效性”按钮">

///pc/homepage/fp2k/img/fp2q1038.gif" width="180" height="178" align="right" alt="“下拉菜单验证”对话框">　　单击“检查有效性”按钮，进入下拉菜单验证对话框，将“要求有数据”选中，把“最少的项目数”和“最多的项目数”都设置为2，这时浏览者就必须选择两项才能提交表单，我们在显示名称里输入“地区列表”，单击“确定”按钮，选择“确定”。

///pc/homepage/fp2k/img/fp2q1039.gif" width="325" height="130" alt="浏览器中看到的效果">

　　这是我们发布网页后在浏览器中看到的表单结果，单击“提交”按钮，由于我们没有选择列表项，所以就出现了提示信息，

///pc/homepage/fp2k/img/fp2q1040.gif" width="254" height="113" alt="提示信息">

　　单击提示窗口的“确定”按钮，选择两项，选择“提交”，我们的选择就被发送到服务器了，两个选项的值是用“，”号隔开的。

///pc/homepage/fp2k/img/fp2q1041.gif" width="400" height="299" alt="“表单确认”窗口">

　　和在windows里一样，只要在按住CTRL键的同时单击需要选中的项目就可以选择多项。

上一页　下一页

/pc/bin/msg.pl?file_id=k_fp2k_10 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法