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

前端之家收集整理的这篇文章主要介绍了许多人不知道如何在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要求.

猜你在找的HTML相关文章