Java资源分享网 - 轻松学习从此开始!    

css+html+js实现用户注册

时间:2014-06-20 19:54来源:www.javazhijia.com 作者:Java之家 点击:
css+html+js实现用户注册
 
提醒:假如百度云分享链接失效,请联系站长,我会补上的。
下载地址:

css+html+js实现用户注册下载

运行截图:如下:


用户注册:结构层:html;表现层:css;行为层:javascript;

html利用ul,li来构造:
    注意事项:1、每个Input都要有相应的id,这是在js中去调用的。
                  2、<a href="javascript:void(0)"></a>,添加javascript:void(0)是为了阻止链接的跳转。

 

行为层:js
js编写的主体思路:1、中心点:每一个input框,也就是获取的inp=document.getElementsByTagName("input");
                         2、针对input输入框会有点击即获得焦点的状态,和失去焦点的状态。
                         3、当获得焦点的时候,会给用户名、输入框、提示图标(改变背景图片的位置)变成蓝色,即添加point样式。
                         4、当input输入框失去焦点时,会给用户名、输入框、提示图标变成红色,即添加error样式。
                         5、当input输入框内容正确后,会给用户名、输入框变成。


(责任编辑:Java之家)
------分隔线----------------------------
权责申明:原作者如果认为本站侵犯了您的版权,请QQ告知,我们会立即删除!网站所有作品均由会员网上搜集共同更新,仅供读者预览,如果喜欢请购买正版资源!