交互式评级组件

交互式评级组件

作为前端世界的初学者,每当你想分享你的工作时,你都会遇到这种冒名顶替综合症,但我决定在我成为世界级软件开发人员的旅程中不再给它机会。所以我将展示我的能力建设项目,只要能帮助我成长。

所以我将分享我是如何建立一个交互式评分板的,就像我们访问一个网站并被要求提供反馈时得到的那种......是的,就像那样(你明白了)

首先,我使用 HTML、CSS 和 javascript 构建交互式评分。

(ps:我确实从 FrontendMentor.io 获得了我尝试的大部分项目,你也可以查看它们)。

这应该是我们的结果:

from frontenmentor

大号 让我们从我们的 HTML 开始:

我们这样做的方式,我们相应地修正了我们的声明

,

,<h1 -h6> ,我将在接下来的文章中尝试更多地解释锚标记 <> 中的内容。

我们是怎么做的?

请让我们知道我们如何处理您的支持请求。感谢所有反馈

帮助我们改进我们的产品!

1

2

3

4

5

上面的代码表示上面显示的第一帧图像的骨架视图,没有样式。

下面的代码代表了没有样式的感谢页面骨架形式

“”

您选择了满分 5

谢谢!

感谢您抽出宝贵时间给予评分。如果您需要更多支持,

不要犹豫与我们联系!

以上就是交互式评分和感谢页面的 HTML 部分。

在我的下一篇文章中,我将讨论样式部分,即 CSS。

你可以检查我的代码 GitHub .

直到下一次。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/22258/17450709

posted @ 2022-09-07 09:17  哈哈哈来了啊啊啊  阅读(14)  评论(0编辑  收藏  举报