Javascript 需要一些关于导航栏和我的登录按钮的建议（html、css、js）

我正在做一个小项目，这样我就可以学习网络开发，但我现在有点被困在一开始。我做了一个导航栏（还不起作用），有一个名为“家、玩、登录、捐赠”的按钮，所以我有一个带有用户名和密码等的登录按钮表单。我想这样，当我按下登录按钮时，表单显示在一个小框中，你可以输入它，它不必工作，我的意思是用PHP之类的。有没有什么地方我可以读到更多关于这方面的知识，或者有没有人可以给我举个例子，教我如何去做。谢谢，谢谢

html{
框大小：边框框；
字体系列：无衬线；
}
保险商实验室{
位置：固定；
宽度：100%；
排名：0；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
形式{
边框：2px实心#111；
}
输入[类型=文本]，
输入[类型=密码]{
宽度：90%；
填充：10px 20px；
利润率：8px0；
显示：内联块；
边框：1px纯色灰色；
}
钮扣{
背景颜色：灰色；
颜色：白色；
填充：7px 10px；
利润率：8px0；
光标：指针；
}
按钮：悬停{
不透明度：0.8；
}

游戏项目





用户名


密码


登录
取消

请尝试以下代码片段。我使用了引导导航栏，您可以在他们的文档中参考

并在导航栏中附加了一个登录模式按钮

此外，为了更好地理解，我在代码中对其进行了注释

登录
&时代；
用户名：



密码：
登录
接近

您能展示一下到目前为止您所做的工作吗？如果您有错误的想法，很抱歉，StackOverflow不是免费的代码编写服务。在问问题之前，试着雇佣一个开发人员或者自己尝试一下。这就是我到目前为止所做的，编辑你的问题以包含相关代码。不要只是添加一个链接到整个项目哦，对不起，第一次在这里的重叠，不知道如何做我不想使用引导，只是正常的html和css和JS下面有另一个答案没有引导。检查代码段。Phew花了一点时间来做这件事。如果这能解决你的问题，请打勾，作为一个小小的感谢：）完成这个问题也会给你分数。我该怎么做？非常感谢。感激