·新建一个登录页面,如下图所示,要求
实现以下功能1. 用户可以输入用户名和密码进行登录。
2. 若输入的用户名和密码正确,则弹出提示“欢迎回来!”;若用户名和密码不正确,则弹出提示“用户名或密码错误!”。
3. 点击重新输入清除已输入的内容。
<html>
<head>
<title>Login</title>
<script type="text/javascript">
function login(){
var username = document.getElementById("username").value; // 获取文本框中的内容
var password = document.getElementById("password").value;
if(username=="admin" && password=="123456"){ // 如果用户名和密码正常
alert("Welcome back!"); // 提醒信息
}else{
alert("Wrong username or password!"); // 提醒信息
}
}
function clearInput(){ // 清除文本内容
document.getElementById("username").value=""; // 将文本内容重新赋为""
document.getElementById("password").value=""; } </script> </head> <body> <h1 align="center">Login</h1><hr/> <form name="loginForm" action="" method="post"> Username:<input type="text" id="username"><br/><br/> Password:<input type="password" id="password"><br/><br/> <input type=button value=Login onclick=login() /> <input type=reset value=Reset onclick=clearInput() /> </form></body></html>
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。