<form method="post" action="***" name="form" onsubmit="checkpost()">
<label for="name">用户名：</label>
<input type="text" name="name" id="name" />
<br />
<label for="pw">密码：</label>
<input type="password" name="pw" id="pw" />
<br />
<input type="submit" value="提交" />
</form>
<script>
function checkpost(){
if(document.forms[5].name.value=="用户名"&&document.forms[5].pw.value==" 密码"){
window.location="跳转的地址"
}else{
alert("用户名或密码不正确！")
return false
}
}
</script>
html可以使用表单进行的最简单的账号密码登录的页面设计，但是不具备判断账号密码正确性等逻辑的能力，这个需要后台语言处理反馈。
工具原料：编辑器、浏览器
1、使用form表单事件最简单的账号密码登录的数据提交，代码如下：
<!DOCTYPE html><html>
<body>
<form action="login.php">
用户名:<br>
<input type="text" name="firstname" value="请输入账号">
<br>
密码:<br>
<input type="text" name="lastname" value="请输入密码">
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
2、点击提交数据将会提交给login.php进行处理，运行的结果如下：
写js啊，<script>
var username = document.getElementsClassName('bt_input')[0]
var password = document.getElementsClassName('bt_input')[1]
var button= document.getElementsClassName('logingBut')[0]
button.onclick=function(){
if(username .value=="user"&&password .value=="123456"){
location.href="下一个网页的网址"
}else{
alert("账号或密码错误！")
window.opener = null
window.open("", "_self")
window.close()
}
}
</script>
把这段代码放在</body>前面就好了，，纯手打，采纳哈
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）