css+html+js用户注册代码实现 您所在的位置:网站首页 js用户登录验证 css+html+js用户注册代码实现

css+html+js用户注册代码实现

#css+html+js用户注册代码实现| 来源: 网络整理| 查看: 265

运行截图:如下:

css+html+js用户注册代码实现

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

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

用户注册 用户帐号:

给自己起个名字吧,它将成为您登录本站的用户名

电子邮箱:

请输入您的常用邮箱地址,此邮箱地址将作为修改密码

手机号码:

请输入您的手机号码,方便我们之间的联系

安全密码:

请输入安全密码,它将作为您的登录密码

确认密码:

请将上面的密码再输入一次

立即注册

表现层:css   注意事项:1、页面开始一般都写上重置代码。                 2、针对用户名、输入框、提示图标要写一组本身的样式、一组def默认的样式、一组point获得焦点的样式、一组error错误样式、一组ok输入正确的样式。

/*reset重置代码开始*/ 复制代码

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

/*闭包*/ ( function(){ var $=function(_id){ return document.getElementById(_id); } var inpStyle=function(){ var inp=document.getElementsByTagName("input");//获得id为inpList 中的所有的input for(i=0;i


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有