许多人不知道如何在HTML控件中多选项目,所以…?

许多人不知道如何在HTML控件中多选项目,所以…?,第1张

概述我知道许多人每天都在使用电脑,他们不知道如何在 HTML选择框/列表中选择多个项目.我不想再在我的网页中使用这个控件: Please pick 3 options:<select name="categories" size="10" multiple="yes"> 那么你建议哪些用户友好的选择?也许有10个tickbox …或者可能只是在颜色块中的每个选项,当他们点击选择它会改变颜色?当我认为 我知道许多人每天都在使用电脑,他们不知道如何在 HTML选择框/列表中选择多个项目.我不想再在我的网页中使用这个控件:
Please pick 3 options:<select name="categorIEs" size="10" multiple="yes">

那么你建议哪些用户友好的选择?也许有10个tickBox …或者可能只是在颜色块中的每个选项,当他们点击选择它会改变颜色?当我认为我目前的20个选项列表最终可能增长到50时,这会变得更加复杂.

无论我选择哪种方式,它都将是一个痛苦的验证(使用JavaScript),以确保该人选择至少1个项目,而不是3个.这不是关于检测他们选择了多少选项,问题是更多关于如何以友好的方式传达给用户!

编辑:
我想我可以使用标签,就像在这里的stackoverflow一样,但是如果用户是非技术性的(而其中一半将是),我觉得这些标签不太合适.

解决方法 您只需使用手动列表的项目(简称为简单链接),即具有可以手动取消选择/选择的JavaScript onclick行为.基本上通过在两个值之间更改CSS类,并在提交过程中检查这些CSS(或一些其他属性)来确定选择.

这将允许用户通过单击来简单地选择一个项目,并通过单击来取消选择,而不是标准的Ctrl Click要求.

总结

以上是内存溢出为你收集整理的许多人不知道如何在HTML控件中多选项目,所以…?全部内容,希望文章能够帮你解决许多人不知道如何在HTML控件中多选项目,所以…?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1142832.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存