交互式评级组件
交互式评级组件
作为前端世界的初学者,每当你想分享你的工作时,你都会遇到这种冒名顶替综合症,但我决定在我成为世界级软件开发人员的旅程中不再给它机会。所以我将展示我的能力建设项目,只要能帮助我成长。
所以我将分享我是如何建立一个交互式评分板的,就像我们访问一个网站并被要求提供反馈时得到的那种......是的,就像那样(你明白了)
首先,我使用 HTML、CSS 和 javascript 构建交互式评分。
(ps:我确实从 FrontendMentor.io 获得了我尝试的大部分项目,你也可以查看它们)。
这应该是我们的结果:
from frontenmentor
大号 让我们从我们的 HTML 开始:
我们这样做的方式,我们相应地修正了我们的声明
,
,<h1 -h6> ,我将在接下来的文章中尝试更多地解释锚标记 <> 中的内容。
我们是怎么做的?
请让我们知道我们如何处理您的支持请求。感谢所有反馈
帮助我们改进我们的产品!
上面的代码表示上面显示的第一帧图像的骨架视图,没有样式。
下面的代码代表了没有样式的感谢页面骨架形式
您选择了满分 5
谢谢!
感谢您抽出宝贵时间给予评分。如果您需要更多支持,
不要犹豫与我们联系!
以上就是交互式评分和感谢页面的 HTML 部分。
在我的下一篇文章中,我将讨论样式部分,即 CSS。
你可以检查我的代码 GitHub .
直到下一次。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明