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

我知道许多人每天都在使用电脑,他们不知道如何在 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要求.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些