HTML作业。。。

2023-10-07 17:35:44

说明 完成一个简单的登录页面,有用户名,密码的文本输入框;有提交,取消按钮;


功能1:当输入正确的用户名(ouya)、密码(ouya)时,点击“提交”按钮,弹出“登录成功”的提示;当用户名、密码不正确时,点击“提交”按钮,弹出“登录失败”提示。
2:当点击“取消”按钮时,用户名、密码框清空;
3:在没有输入用户名的情况下,直接输入密码时,会弹出提示“请先输入用户名”;

好评回答
<html>
<head>
<title>用户登录</title>
</head>
<script language="javascript">

function rec(form)
{
var a=form.text1.value;
var b=form.text2.value;

{

if(a==ouya&&b==ouya)
alert("登录成功")防烟;
else
alert("登录失败");
}
}
</script>
<form>
<table 几样示头父续呢个胞面width="321" border="1">
<tr>
<td colspan="2">登录</td>
</tr>
<tr>

<td width="119">帐号:</td>
<td width="179"><input type="text" name="text1"></td>
</tr>
<tr>

<td>密码:</td>
<td><input type="password" onFocus=alert("请输入用户名") name="text2"></td>
</tr>
<tr>

<td> </td>
<td>
<input type="button" name="button" value="登录" onClick="rec(this.form)">
<input type="reset" name="reset" value="取消"></td>
</tr>
</table>
</form>
</body>
</html>