此文适合网页初学者以及对制作网页感兴趣的朋友，感谢您的阅读噢~
废话不多说，先上效果图：
图①：输入不合规范时的提示
图②：登录成功弹出提示框
图③：登录失败的提示框
以下是代码：
代码说明：
首先是style标签里面的设置，第6行是背景color，第7行是组件位置，用了绝对定位，把文字和输入框定在网页中间的位置；like1是输入框的样式，like2是登录按钮的样式。
然后是script里面的函数，function ys(x)设置x的背景颜色是黄color，用于input的onfocus，即鼠标点到输入框的时候会显示黄color。而function yhname() 用于检测用户输入的用户名，使用正则表达式进行判别，同样地，function mima() 亦是利用正则表达式判断密码是否符合规范；最后的function alll()用于提示用户登录成功或者失败，如果输入的信息符合规范则弹出登录成功的框，否则提示登录失败，需要重新输入。
再来就是body标签里的代码，这里是应用上面写的样式以及函数。
—完--- 有疑问欢迎留言！