通过Html和Javascript制作一个静态的登录页面
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了通过Html和Javascript制作一个静态的登录页面相关的知识，希望对你有一定的参考价值。
页面运行过程:
输入的时候，当用户名文本框字符=8个字符时，焦点自动跳到密码框
点击登录按钮判断用户是否输入了用户名及密码，如果没有输入，给出相应提示，例如：“请输入用户名！”；如果用户名和密码都已输入，提示框显示登陆成功。
点击重置按钮将用户名和密码文本框中的内容清空
\x0d\x0a 密码:
\x0d\x0a \x0d\x0a\x0d\x0a 参考技术A <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>本回答被提问者和网友采纳 参考技术B 楼上很高明！
以上是关于通过Html和Javascript制作一个静态的登录页面的主要内容，如果未能解决你的问题，请参考以下文章
如何通过 javascript 制作 html 和 css 组件？
html静态网站基于品优购电商购物网站网页设计与实现共计3个页面 html+css+javascript网页设计实例 企业网站制作...