生活中登录账号的时候我们会用到什么?那么登录账号的时候我们有没有注意到,当我们忘记账号密码的时候会进行选择。使用手机验证登录的时候会先输入手机号,之后系统提示手机验证码已发送。之后我们只需要将他给过来的验证码输入进去。验证成功就可以更改密码了。
这张图就是我们要实现的功能,当我们输入动态验证码后点击登录即可进入网页。若是验证码输入错误也没有关系,它会自动刷新验证码。这就是我们要实现的功能效果。
首先第一步,我们要建立他的样式。紧接着就是最后一步功能运转。
全部输入正确后我们就可以跳转到这个页面。
话不多说我们现在开始布局页面,在布局的时候我们依旧会用到框架。这是必不可少的,然后根据我们的图片来写他的一个样式。
将图片里的每一个文本框都有一个单独的div标签包裹起来,并且打好备注。
也可以先写一个文本框的样式,然后粘贴复制给其他的文本框。复制好之后里面的一些其他样式也是要进行更改的。
如上面所说我们只需要写好一个文本框的样式,后面复制改一下id的名称。
到这里我们的页面布局就可以了,在布局页面的时候会用到插件。
在插插件的时候一定要注意到我们在哪个文件夹里放置的插件就到哪里去找。