html页面验证用户名和密码并且点击自己制作的登陆按钮跳转到另外一个页面

哈，我们来谈谈这个不使用表单和数据库验证用户名和密码的技巧。
说实话，这个方法其实还蛮有趣的。
我记得曾经有一个网站，他们就是这样做的。
让我详细告诉你。

首先，您需要在页面的用户名和密码输入框中添加一个ID。
比如用户名输入框你这样写：<input type="text" id="username" value="">，密码输入框写法类似，<input type="password" id="password" value="">。

然后，添加一个按钮。
该按钮用于触发验证并为其添加ID，如：<button type="button" name="chkBtn" id="chkBtn">Log in</button>。

接下来，让我们编写一些 JavaScript 代码。
主要步骤如下：
1 ．为按钮添加点击事件监听器，目的是监听按钮被点击的那一刻； 2 .使用JavaScript获取用户名和密码输入框的值； 3 、然后进行验证，比如检查用户名是否为空、密码长度是否符合要求等； 4 . 如果验证通过，页面将转到您要访问的页面； 5 . 如果失败，页面会提示用户“用户名或密码不正确”。

此代码应放置在页面的 [xss_clean] 标记中。
我记得当时我不太明白。
后来查资料发现，函数document.getElementById()是通过ID来获取元素的，就是每个元素的ID号就像一个独特的身份。

另一个例子是inner HTML属性，它可以获取或替换HTML元素的内容，相当于读取或修改元素内部的内容。
还有 value 属性，用于获取或更改 HTML 元素的值，例如输入框的值。

这样，您就可以在没有表单和数据库的情况下实现用户名和密码验证。
那时我很自豪，觉得自己很聪明。
尝试一下，还是蛮实用的。

html点击按钮跳转到另一个html(html点击跳转到指定位置)

大家好！之前写网页的时候，这个问题确实让我头疼了一段时间。
我记得我第一次遇到这个需求是在2 01 7 年。
我想在网页上创建一个按钮，单击该按钮后会转到另一个 HTML 页面。
当时我真的不明白这是怎么回事，但经过一番研究我终于明白了。

首先你必须有一个按钮，然后你不能直接给它添加href属性。
太直接了，而且不安全。
所以我通过按钮的onClick事件编写了一个JavaScript函数来实现点击转换。
代码可能如下所示：
javascript。
按钮.onclick = 函数() { _window.location.href = "另一个页面的地址。
"; };
请记住，“另一页的地址”。
这应该替换为您实际想要访问的着陆页的路径。

那么，如果你想实现某种交互效果，比如按钮变成图片，就必须用HTML包裹起来。
例如：

不要忘记将图像 URL 替换为您要访问的页面的 URL。

如果你想在跳跃时执行一些小动作，例如弹出窗口或动画，则需要使用 CSS 或 JavaScript。
这有点复杂：您必须使用 jQuery 或直接编写 CSS 动画。

还有另一种方法。
如果您只想简单地实现一个登录页面，然后在成功登录后导航到另一个页面，则必须使用 JavaScript 来验证前端，然后使用 AJAX 或表单提交来请求后端数据。

在我之前做的一个项目中，用户成功登录后，我使用表单提交，然后在JavaScript中使用if条件判断用户名和密码是否相同，然后通过表单的action属性导航到另一个页面。
代码是：
<form action="登陆页面。
"方法=“帖子”> 用户名： <input type="text" name="用户名" /> 密码： <input type="password" name="password" /> <input type="submit" value="登录" onclick=return validateLogin()" /> </形式>
JavaScript 验证函数：
javascript 函数验证登录（）{ 变量用户名 =document.forms["loginForm"]["用户名"].value; var 密码 = document.forms["loginForm"]["password"].value; if(用户名.length < 5> 于是，通过一系列的做法和陷阱，这个问题终于得到了解决。
现在想想，我都有点头疼！不过解决一个问题后的成就感还是蛮不错的。

HTML中有一个button,如何让它点击后跳转到指定页面或动作

我记得上次帮朋友修复网站时，他的按钮点击后就没有反应。
折腾了半天，发现JavaScript写得不对。
你看，写代码有时就像做饭。
一步错了，整盘菜就毁了。

他的按钮被放置在一个旅游网站上。
本来想点击进入酒店预订页面，结果却跳到了他的个人页面。
当用户点击它时，突然出现一个他追星的表情，让顾客抓狂。

后来我添加了延迟执行和确认弹窗，终于让客户端平静下来。
他说下次一定会让我尝试使用他的帐户。
哈哈，这提醒我做任何事都要三思而后行，否则就会有麻烦。

但是话虽如此，这些新浏览器中的用户权限管理变得越来越严格。
直接使用_window.location.href有时需要用户手动确认。
你遇到过这种奇怪的情况吗？