使用360浏览器填写表单时下拉框无法选择显示不出来怎么办？
14:31:00 | 点击24428次 评论
有会员反应，在使用本站的服务过程中，其它功能正常，但是部分服务涉及下拉框选项的部分，表单下拉框无法选择或显示不出来，效果如下图：如图：选择范围部分无法正常显示。出现此现象，一般是使用360浏览器时，部分功能设置引起的，下面给出已经测试有效的解决方案。1. 请确保使用的是360安全浏览器标准版。如果你使用的是极速版、无痕版，那么将无法正常使用部分功能。2. 进入浏览器菜单设置。工具》广告过滤。 3. 打开相关功能设置将如图所示的“拦截所有广告”变更为第一项“拦截弹窗广告、页面欺诈信息”。经过以上设置后，重新刷新进入本站相关页面，则相关功能即可正常显示。如图，下拉框即可以正常展开了。如果你执行了以上步骤，仍然无法打开下拉框，请核实你的是否安装或开通了广告拦截软件。比如ADSAFE广告管家这个软件，开启后，因软件自身缺陷识别不足，误将本站的相关文件功能屏蔽，导致无法打开相关功能，关闭此软件即可。如果您在使用过程中还有其它疑问，请及时与本站QQ联系。
资讯来源：
微信 扫一扫 查看更多
教育考试资讯分类查询
微信登录求艺网(扫一扫)
免费发布培训课程
页面执行时间：70.313毫秒您需要通过验证再能继续浏览 3秒后开始验证
丨 粤ICP备号-10 丨 新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!
(C) Joyslink Inc. All rights reserved 保留所有权利表单设计中的下拉菜单设计
招聘信息：
选择菜单或下拉菜单只要使用恰当都将是很好的控件——他们节约了屏幕的空间，使用户免受错误数据的干扰，因为菜单中只显示合适的选项。选择或下拉菜单有很多好的特性，比如将选项编组、支持键盘方向键操作、平台可靠的表现。设计师们会出于不同的原因采用下拉菜单，包括填写表单时让用户选择一个选项填进表单里。用户不喜欢填写表单是一件众所周知的事情。填写表单的流程越长越复杂，用户填完的可能性就越小，尤其是在容易造成误操作的小屏幕手机上。下拉菜单会使这个过程更加糟糕。选择菜单和选项数量你会发现选择菜单的选项有时候只有2个，有时候超过20个。这两种情况下使用选择菜单都是不正确的。选项太多当选择菜单的选项超过15个时就很难浏览和导航了。太长的下拉列表对于用户来说就是噩梦，因为屏幕展示不了所有的选项，他们需要在表单上进行滑动查看。这将使用户体验大打折扣，减缓了整个进程。典型的例子就是下拉选择国家，选项超过100个。用户不可能很好的浏览全部选项，也没有快捷简便的方法找到用户想要的选项。我每次选择“United States”都很抓狂：“United States”因为是用户常选项，所以应该放在前面。但是如果是按照首字母顺序排列时，”Afghanistan”在最上面，“United States”会在很下面，仅次于” United Arab Emirates”。所以通常我做的第一件事就是弄清楚选项是怎么排序的。在用户知道自己在寻找的选项时，使用有自动补全功能的文本输入框来代替下拉菜单。从技术的角度来讲，应该自动检测用户的位置，然后猜想用户最可能的位置。输入”United”，会自动补全国家名称显示在列表里小结：当选项超过15个时，考虑使用文字输入框（带有或不带自动补全功能），而不是下拉菜单。选项太少如果选项少于7个时采用下拉菜单，预先展示出来的选项就少了。用户需要点击下拉菜单才可以看到其他选项。在上面这个例子中应该使用单选按钮，这样用户可以在不需要任何点击操作情况下迅速浏览选项数量及具体内容。小结：当选项少于7个时，考虑使用单选按钮。选择菜单和标签向表单中的其他输入控件一样，下拉菜单框上都会有标签文本。但是写在下拉菜单框里面的标签应当是有实际意义的（不是类似于“无”“请选择”），告诉用户他们实际是在选择什么。标签应当清晰地描述选项组的内容。在下拉菜单的旁边和里面打上文本标签，避免用户有困惑。选择菜单和默认选项除非你确认大部分用户会选择其中的某一个选项，否则就不要设置默认选项。尤其是该选项为必填项。为什么呢？因为你有可能给用户推荐的是错误的选项，而用户浏览页面是非常快的，很容易忽略了默认选项的值。在大部分情况下，当用户没有做出选择时进行报错提示比直接给用户填写错误的选项更加安全。选择菜单和移动设备Josh Brewer曾经说过，手机是可用性问题的放大镜。下拉菜单在PC端并不难用，但是在移动设备上就会很痛苦，关系也变得模糊不清。移动设备的屏幕大小是非常有限的，所以当用户滑动查看上下文内容，发现他们要找的选项占据很长一段。即使有更简洁更合适的空间可供选择，还是会有很多设计师在移动端设计时选择使用下拉菜单。左图中每个问题都采用下拉菜单框。右图中每个问题都使用最恰当的控件问题一：操作数量移动端和PC端的下拉菜单的交互是分步骤的，会耗费更多的精力。下图就是前面的例子中需要使用下拉菜单来完成的操作：先点击控件，然后滑动（通常不止滑动一次），找到并且选择选项。问题二：屏幕空间选择菜单的界面交互没有利用好移动端屏幕的有效空间。在iOS9的界面上，选择菜单控件占据了屏幕近50%的空间，这就意味着用户手势操作的控件也在50%的空间里。手机几乎一半的空间被选择菜单里的7个选项占据了总结以下控件可以用来代替下拉菜单：单选按钮，或是分组控件，是一组相互关联但互斥的选项（比如选择区域）加减步进控件，用来对连续的数值进行加或减，这很适用于微调数值（比如选择乘客的数量）开关控件，适用于两个简单的、截然相反的选项。滑动控件，可以允许用户选择在范围内的任意一个值。当在一个注重形式的列表中使用下拉菜单时，看一下每个问题，考虑是否有更加合适的方式使用户得到答案。但是最重要的是，去掉没有必要的输入，尽量简化表单。在有些情况下，多个菜单可以浓缩在一个输入控件中。这将显著的降低用户的认知负荷。总结选择菜单会有很多的问题——很难定位到具体选项、默认隐藏选项内容、只可选择不可编辑。但这并不意味着你在界面设计的时候就不用它。当设计师不知道如何恰当使用选择菜单时就会带来不好的用户体验。好的表单设计和不好的设计之间的区别在哪里呢？好的表单设计应当选用合适的输入控件供用户填写。有时候是单选框，带有自动补全功能的文本输入框或是选择菜单。谢谢！
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量3431点击量3370点击量2753点击量2667点击量2080点击量1736点击量1648点击量1632点击量1590
&2018 Chukong Technologies,Inc.
京公网安备89Html form &select&下拉列表菜单与跳转菜单表单标签篇 &/select&
我的图书馆
Html form &select&下拉列表菜单与跳转菜单表单标签篇 &/select&
Html form select下拉列表菜单与select跳转菜单表单标签案例教程
select目录
一、Form select语法与结构： & - &
&select&name=""&&&option&value="0"&DIVCSS5&/option&&&option&value="1"&DIVCSS5&/option&&&/select&&
二、Form select标签使用说明： & - &
为什么我们要使用Form select下来菜单列表呢？那是我们用于表单下拉选择所需项。
下面技术DIVCSS5为大家介绍常见 select使用地方。
我们使用表单下拉列表选择数据，如省、市、县、年、月等数据，我们即可使用下拉菜单表单进行设置。
select 我下拉列表菜单标签
Option为下拉列表数据标签
Value 为Option的数据值（用于数据的传值）
select使用地方，上图为日期下拉列表案例运用截图
三、Form select使用种类： & - &
Select下拉菜单列表表单标签，常使用有两种：
1）、普通下拉列表菜单
代码如下：
&form&action=""&method="get"&&&label&1、普通下拉列表菜单&/label&&&select&name=""&&&option&value="0"&DIVCSS5&/option&&&option&value="1"&DIVCSS5&/option&&&/select&&&/form&&
2）、跳转下拉列表菜单（如常见点击后跳转到选择网站）
常常一些网站做友情链接，与部门之间使用select下拉标签实现网址跳转。下面我们通过代码与案例接受select跳转菜单应用。
跳转菜单如下：
&form&action=""&method="get"&&&label&2、跳转的下拉列表菜单&/label&&&select&name="jumpMenu"&id="jumpMenu"&onchange="MM_jumpMenu('parent',this,0)"&&&option&value="http://www.DIVCSS5.com/"&DIVCSS5&/option&&&option&value="http://www.divcss5.com/"&DIVCSS5&/option&&&/select&&&/form&&
实现跳转还需要在head标签内加入Js脚本动作代码：
&script&type="text/javascript"&&&!--&function&MM_jumpMenu(targ,selObj,restore){&//v3.0&eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");&if&(restore)&selObj.selectedIndex=0;&}&//--&&&/script&&
即可使用表单select控件实现跳转的列表菜单效果。
3）、更简洁的新建浏览器（选项卡）窗口跳转菜单：
只需&select&标签内加入如下代码：
onchange="javascript:if (this.options[this.selectedIndex].value != '') window.open(this.options[this.selectedIndex].value);this.options[0]."
得到以下代码：
&select&onchange="javascript:if&(this.options[this.selectedIndex].value&!=&'')&window.open(this.options[this.selectedIndex].value);this.options[0]."&&
完整简单新打开网页窗口跳转菜单实例：
&form&action=""&method="get"&&&&label&新建浏览器网页窗口下拉跳转菜单&/label&&&&select&name=""onchange="javascript:if (this.options[this.selectedIndex].value != '') window.open(this.options[this.selectedIndex].value);this.options[0]."&&&&option&value="0"&DIVCSS5&/option&&&&option&value="1"&DIVCSS5&/option&&&&/select&&&&/form&&&
四、DW软件里截图表单效果： & - &
html&select下拉菜单列表与跳转菜单案例截图
五、此select表单标签案例在浏览器中效果： & - &
实例案例截图
完整案例在线演示：
完整案例下载地址：
六、DIVCSS5对html form select案例总结说明： & - &
1）、form select常常我们使用此表单控件设置网页下拉列表菜单
2）、当我们选择“2、跳转的下拉菜单列表”下拉数据后，将会跳转到对于指定设置URL网站。使用select表单下拉菜单实现跳转网站网址非常实用或方便，同时记得加上JS代码。
3)、、、、、
学习欢迎来DIVCSS5!
DIVCSS5为您推荐的相关联教程
如需转载，请注明文章出处和来源网址：
推一荐：&&|&&
喜欢该文的人也喜欢移动端下拉表单的更好选择
稿源：人人都是产品经理
在表单中使用下拉菜单看起来并不重要：它们在用户界面上占用的空间不大，它们自动验证输入，所有浏览器和平台都可以支持它们，它们实现起来容易且方便，用户知道它们的好。在表单中使用下拉菜单看起来并不重要：它们在用户界面上占用的空间不大，它们自动验证输入，所有浏览器和平台都可以支持它们，它们实现起来容易且方便，用户知道它们的好。同时，根据Luke Wroblewski&和一些人的说法，下拉菜单（或选择）是最常被误用的表格模式之一，“应该是最后的UI”。我们来看看一些限制和担忧：在下拉列表中，只有点击或按键才能打开它，可用选项是不可见。此外，表单的长度一见即可隐藏，即用户无法预测下拉菜单是否包含 2 或 50 个元素。从下拉列表中选择一个选项（特别是移动设备）是一个多步骤的过程：你必须点击下拉菜单打开选项列表，然后滚动并扫描以选择一个项目，然后关闭下拉列表。下拉菜单会让设计师变懒：将所有可能的选项添加到下拉列表中是没有任何优先级的（这与汉堡包菜单类似）是非常简单的。更长的下拉列表，例如国家/地区选择器可能是一个恶梦扫描，尤其是在通常无法进行键盘搜索的手机上。在一些移动屏幕的可见和可滚动的列表区域是很小的，滚动选项会使人不愉快：在iOS上，可见的选项数量是乍一看是惊人的低在许多情况下，有很多替代输入控件可以为你更好地工作。考虑选项的数量对于二进制（开/关）的决定，下拉菜单是一个非常糟糕的选择。你需要的是复选框或切换开关。如果你的下拉列表仅包含“是/否”或“开/关”选项，请改用简单的开关对于少数互斥选项，建议使用单选按钮或分段控件，以便无需打开列表，所有可用的选项都可以看到。分段控件同时显示所选项和替代选项可视选项的数量取决于屏幕宽度和选项标签的长度，不建议使用超过 5 个项目对于大量指明的选项，当用户知道他们正在寻找什么时，考虑“开始输入…”解决方案，其中过滤选项列表显示在第一个或两个字母之后。不用滚动列表，让用户开始输入，且仅显示已过滤的选项对于大型和多样化的列表，尝试使用现有的用户数据来优先该选项，并将用户首选的最流行的选择列出。这样一来，有90％的用户会立即找到自己的偏好，只有10％必须选择“其他”，然后在下一个问题中指明。虽然“其他”不是一个优雅的解决方案，但这样的优先级可能会改善大多数用户的用户体验考虑预期的输入下拉列表的优点之一是用户不用过多多输入。但如果预期的输入不是太长，并且经常被询问（例如个人数据），则通常更容易键入，而不是从列表中选择它：使用数字键盘在滚动设备上输入诞生年份比滚动浏览长列表更容易
有好的文章希望站长之家帮助分享推广，猛戳这里
本网页浏览已超过3分钟，点击关闭或灰色背景，即可回到网页