html网站默认账号密码

html-css013

html网站默认账号密码,第1张

1、新建index.html页面。

2、写入HTML文件,任何一个网页式的文件,必须要有HTML文件的元素,才算合格的网页。用记事本打开index.html

3、添加JS脚本,在head之间添加以下JS脚本代码/headscript language="JavaScript"!--var password=""password=prompt('请输入密码 (本网站需输入密码才可进入):','')if (password != 'mima') {alert("密码不正确,无法进入本站!!") window.opener=nullwindow.close()} // 密码不正确就关闭//--/script。

4、添加网页内容,添加网页内容可以验证密码输入正确后进入网页的内容。在body之间随意添加元素/boody。

5、密码错误的访问验证在浏览器输入192.168.1.2,页面会弹出输入密码的提示,输入一个错误的密码,查看页面是否访问。

6、输入正确的密码访问重新打开网页,进入页面,查看网页内容。

HTML页面用 script 验证不是必须要用 form 的,可以直接给页面里的 DOM 对象定义 id 属性,用 javascript 操作 DOM 对象即可。

针对您提的问题想要实现的效果,下面说说不用 form 表单和数据库来实现用户名和密码验证的方法:

1、首先,给 HTML 页面里的用户名和密码输入框都定义一个id属性,例如:

用户名:

密   码:

2、其次,放置一个按钮登录

3、编写 javascript 脚本代码,主要思路如下:

(1)为按钮增加一个 click 的监听,当鼠标点击该按钮时执行;

(2)获取 input 用户名和密码输入框的输入值;

(3)验证输入值是否符合要求;

(4)符合要求页面跳转到设置的指定页面;

(5)不符合要求提示用户输入错误。

4、最后,在浏览器里运行该页面,测试一下效果。完整代码如下图所示。