加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 18:59:47 所属栏目:资源 来源:网络整理
导读:我知道许多人每天都在使用电脑,他们不知道如何在 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要求.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读