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进行处理，运行的结果如下：
使用JavaScript实现。<SCRIPT LANGUAGE="JavaScript">
function Login(form) {
var username = lue
var password = lue
var server = lue
if (username &&password &&server) {
var htsite = "http://" + username + ":" + password + "@" + server
window.location = htsite
}
else {
alert("请输入用户和密码.")
}
}
</script>
把以上内容加到head部分；
然后下面的内容放在body里就好了：
<form name=login>
<input type="hidden" name="server" value=" ">
用户名:
<input type=text name=username size=20>
密 码:
<input type=password name=password size=20>
<input type=button value="登录" onClick="Login( rm)" name="button">
</form>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）