需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先打开html编辑器，新建一个html文件，例如：index.html。
2、在index.html中的<body>标签中，输入以下html代码：
<input type="text" placeholder="请输入账号" />
<input type="password" placeholder="请输入密码" />
3、浏览器运行index.html页面，此时的输入框有了提示文字“请输入账号”，密码框有了提示文字“请输入密码”。
1、新建index.html页面。
2、写入HTML文件，任何一个网页式的文件，必须要有HTML文件的元素，才算合格的网页。用记事本打开index.html
3、添加JS脚本，在<head>之间添加以下JS脚本代码</head><script language="JavaScript"><!--var password=""password=prompt('请输入密码 (本网站需输入密码才可进入):','')if (password != 'mima') {alert("密码不正确,无法进入本站!!") window.opener=nullwindow.close()} // 密码不正确就关闭//--></script>。
4、添加网页内容，添加网页内容可以验证密码输入正确后进入网页的内容。在<body>之间随意添加元素</boody>。
5、密码错误的访问验证在浏览器输入192.168.1.2，页面会弹出输入密码的提示，输入一个错误的密码，查看页面是否访问。
6、输入正确的密码访问重新打开网页，进入页面，查看网页内容。
