通过Html和Javascript制作一个静态的登录页面
页面运行过程:输入的时候,当用户名文本框字符=8个字符时,焦点自动跳到密码框点击登录按钮判断用户是否输入了用户名及密码,如果没有输入,给出相应提示,例如:“请输入用户名!...
页面运行过程:
输入的时候,当用户名文本框字符=8个字符时,焦点自动跳到密码框
点击登录按钮判断用户是否输入了用户名及密码,如果没有输入,给出相应提示,例如:“请输入用户名!”;如果用户名和密码都已输入,提示框显示登陆成功。
点击重置按钮将用户名和密码文本框中的内容清空 展开
输入的时候,当用户名文本框字符=8个字符时,焦点自动跳到密码框
点击登录按钮判断用户是否输入了用户名及密码,如果没有输入,给出相应提示,例如:“请输入用户名!”;如果用户名和密码都已输入,提示框显示登陆成功。
点击重置按钮将用户名和密码文本框中的内容清空 展开
3个回答
2022-12-02 · 百度认证:北京惠企网络技术有限公司官方账号
关注
展开全部
\x0d\x0a\x0d\x0a 用户名:
\x0d\x0a 密码:
\x0d\x0a \x0d\x0a\x0d\x0a
\x0d\x0a 密码:
\x0d\x0a \x0d\x0a\x0d\x0a
展开全部
<body>
<form name="login" onsubmit="javascript:return chkfrm(this);">
用户名:<input type="text" name="username" onpropertychange="javascript:if(this.value.length>=8)this.form.userpwd.focus();"><br>
密码:<input type="password" name="userpwd"><br>
<input type="submit" value="登录"> <input type="reset" value="重置">
</form>
<script language="javascript">
function chkfrm(o){
if(o.username.value==''){
alert('请输入用户名!');
return false;
}
if(o.userpwd.value==''){
alert('请输入密码!');
return false;
}
alert('登陆成功');
return false;
}
</script>
</body>
<form name="login" onsubmit="javascript:return chkfrm(this);">
用户名:<input type="text" name="username" onpropertychange="javascript:if(this.value.length>=8)this.form.userpwd.focus();"><br>
密码:<input type="password" name="userpwd"><br>
<input type="submit" value="登录"> <input type="reset" value="重置">
</form>
<script language="javascript">
function chkfrm(o){
if(o.username.value==''){
alert('请输入用户名!');
return false;
}
if(o.userpwd.value==''){
alert('请输入密码!');
return false;
}
alert('登陆成功');
return false;
}
</script>
</body>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
楼上很高明!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询