如何设计多个字段的javascript提示框

Question

据我所知，您可以使用任何可以从JavaScript调用的内置方法来创建多字段提示对话框。那么大多数路由器（192.168.0.1）的主页如何开发认证提示框，如下所示？

我做了一些研究，发现可以使用php设置基本的http身份验证

$user = 'user';
$password = 'pass';
if (!($_SERVER['PHP_AUTH_USER'] == $user && $_SERVER['PHP_AUTH_PW'] == $password)) {
    header('WWW-Authenticate: Basic realm="Please enter username and password to access this website"');
    header('HTTP/1.0 401 Unauthorized');
    echo '<h1>Unauthorized Access</h1>';
    exit;
}
echo "normal website contents";

Answer 1

当服务器需要HTTP身份验证但未提供任何身份验证时，这是一项浏览器功能。它是＆＃34; one field＆＃34;的唯一例外。规则，你没有JS API来调用它。 （更不用说它丑陋了，用户体验与alert()或prompt()一样可怕。