如何在html/javascript中实现登录弹出

基本上，我想创建一个登录弹出窗口，就像许多路由器必须访问设置页面的弹出窗口一样：

---

是否可以在html文件上实现此功能，还是仅用于基于服务器的访问？

您需要的是在html中定义的基于表单的身份验证。大概是这样的：

<form method="post" action="/login">
  <input type="text" name="username">
  <input type="password" name="password">
  <input type="submit" value="Log In">
</form>

---

您需要一台服务器来处理POST操作并执行身份验证。

您可能应该阅读以下内容：

这是：

简言之：

1您可以使用特殊标题调用此弹出窗口

2您只能在页面开始加载之前调用此弹出窗口

3您不能仅使用html+js来实现这一点

4您不能使用纯js使用类似密码的输入调用提示窗口

UPD: 这个问题得到了回答，作者对主要帖子的评论如下：

---

有没有办法在图片中获得准确的弹出窗口？i、 它是一个 基于浏览器的弹出窗口未设置样式

---

我从未说过，不能用js+html创建类似样式的弹出窗口。答案是调用确切的弹出窗口。

实际上，您可以在“任何时候”在客户端使用HTML+JavaScript，而无需刷新页面

#弹匣{
保证金：0；
左缘：40%；
右边距：40%；
边缘顶部：50px；
填充顶部：10px；
宽度：20%；
高度：150像素；
位置：绝对位置；
背景#fbf0；
边框：实心#0000002px；
z指数：9；
字体系列：arial；
可见性：隐藏；
}
函数登录（显示隐藏）{
如果（显示隐藏=“显示”）{
document.getElementById（'popubox'）.style.visibility=“visible”；
}else if（showhide==“hide”）{
document.getElementById（'PopuBox'）.style.visibility=“hidden”；
}
}
用户名：
密码：



一些文本


更多的文字

当然你可以用html创建一个窗口，你也可以使用php。查看模式窗口有没有办法在图片中获得准确的弹出窗口？i、 它是一个基于浏览器的弹出窗口，没有样式？