http://en.wikipedia.org/wiki/Basic_access_authentication

还有这个：

http://www.php.net/manual/en/features.http-auth.php

简而言之：

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

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

3您不能仅使用html js执行此操作.

4您无法使用纯js调用类似密码的输入的提示窗口.

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

Is there a way to get the exact popup in the picture? i.e its a
browser based popup not styled?

我从来没有说过,不能用js html创建SIMILAR样式的弹出窗口.答案是关于调用确切的弹出窗口.