星级评定系统 - 仅 168 字节😲，无 JS，无 CSS，无图像😨，可访问（某种程度上）...战争结束了

这篇帖子最初只是一篇关于创建一个易用的星级评分系统的文章，该系统确实实用，并指出了大多数解决方案存在的问题，如今却沦为一场疯狂的争论。在这篇文章中，我将终结这场星级（评分）之争！

人们已经开始创建不使用星星或任何类似星星的东西的星级评定系统，人们正在制作无法访问的评级系统（这正是我所反对的 - 而且@lapstjup 肯定不是一个人！），有些人甚至正在制作无法在 20% 以上的浏览器上运行的星级评定系统。

好吧，你知道吗，我们现在就结束这一切，就像我所做的那样：

这是一个星级评定系统：

• 使用类似于星星的东西（星级评定系统的首要先决条件！）
• 兼容 IE9 及以上版本！✅
• 总共只有 168 个字节！（这包括标签，它可能会更短！）✅
• 已内置验证✅
• 易于使用✅
• 不需要 JS✅
• 不需要 CSS✅
• 是可访问的（某种程度上，控件类型令人困惑，但如果这不是愚蠢的，您可以使用pattern属性来解决这个问题！另外，正如我在其他帖子中所说的那样，您应该使用显式标签而不是隐式标签（for="id"样式标签））✅
• 甚至包括提交到你的服务器（如果你设置了操作 - 可能会使控件的大小加倍！）✅

我向你们介绍星球大战的获胜者

所以，一切都结束了，回家吧，你们都输了。

（是的，我当然是在开玩笑！）

如果你想好好了解一下

这个传奇故事非常有趣，以下是迄今为止我记得的所有与此相关的帖子（我很抱歉我开始了这个！😋😉）：

一个真正有用的帖子：

lapstjup 提出了一个有趣的 JS 驱动版本，虽然存在一些可访问性问题，但总体而言做出了巨大贡献！

@madsstoumann反驳道，我不得不说我非常喜欢这个想法，我要窃取它，如果你读过这篇文章，因为它很容易访问并且可以在 IE 以外的所有浏览器中运行！

使用单一输入进行星级评定

Mads Stoumann ・ 21年7月3日

#html #css #javascript #webdev

@afif一如既往地展示他的 CSS 技能！

无需 JS 即可实现可扩展的“星级评定”（并且无需 SVG 或星级图像）

Temani Afif ・ 21年7月4日

#css #html #webdev #初学者

@link2twenty在我反驳文章之前就发表了这篇文章（而且比我的更好）

使用 Unicode 星号进行星级评定

安德鲁·博恩・21年7月5日

#a11y #初学者 #webdev #css

一切从哪里开始变得非常愚蠢！

我再次在底部加入了我的光剑星级评定系统 - 这就是一切开始出错的地方！

@siddharthshyniben提出了一个终端版本

航站楼星级评定

Siddharth ・ 21年7月6日

#javascript #教程

星级评定系统真是个好主意，它向我们展示了一旦​​浏览器厂商跟上，未来CSS将如何发展！非常有教育意义，而且概念也很巧妙！

ONE 星级评级系统——评级的未来

Temani Afif ・ 21年7月6日

#html #css #webdev #初学者

更好的终端版本，采用了上一篇文章的概念，但使用 ASCII 文本！

超级灵活的星级评定系统——航站楼星级评定的未来

Siddharth ・ 21年7月7日

#javascript #教程

简单但有效，也易于使用！

用简单的动画进行星级评定（故事仍在继续）

安德鲁·博恩・21年7月7日

#a11y #初学者 #webdev #css

这就是“星级”开始被夸大的地方

心情选择器组件

Mads Stoumann ・ 21年7月7日

#html #css #webdev #showdev

再一次，甚至不再使用星星了！

Unicode 心情选择器（星级评定）

安德鲁·博恩・21年7月8日

#a11y #showdev #css #webdev

@lionelrowe决定加点料，引入烂番茄之类的负面评价！不过这次又不用星星了！

烂番茄 🍅 星级评分系统 ⭐ 搭配 Web Components 🎆

lionel-rowe ・ 21年7月7日

#html #css #javascript #教程

@adam_cyclones决定用手机发一张超傻的照片！抱歉，Adam，我只给你一星！

仅通过文字进行星级评定！

亚当·克罗克特 🌀 ・ 七月 6 '21

现在一切都已了解清楚，这篇文章是最新的！

你这个傻瓜

是的，我知道！抱歉，这些垃圾信息污染了你的信息流。

我希望每个人现在就放弃，因为你知道吗，星级评定系统实际上非常垃圾，因为它们不能提供准确的图像！