验证码类的使用之登录界面的实现
来源:互联网 发布:算法之道实验指导书 编辑:程序博客网 时间:2024/05/16 23:43
上文讲到了验证码类的创建,本篇博客就趁热打铁借助验证码类示例下简易的用户登录界面的实现吧.
先附上上篇博客的链接:http://blog.csdn.net/striner/article/details/78850629
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>login</title><script type="text/javascript">function changeCode() {var img = document.getElementsByTagName("img")[0]; //得到图片元素//img.setAttribute("src","/test2/test/captcha"); //XML Dom语法img.src = "/test2/captcha?time="+new Date().getTime();}</script></head><body><form action="#" method="post">用户名:<input type="text" name="username"/><br>密 码:<input type="password" name="password"/><br>验证码:<input type="text" name="code"/><br><img src="/test2/captcha" onclick="changeCode()"/><a href="javascript:changeCode()">看不清</a><br><input type="submit" value="登录"/><br></form></body></html>
这里我只是简单的实现了用户的登录界面,我仅仅抛砖引玉,大家做练习时一定要把前端代码好好完善哦~接下来就打开浏览器看看效果吧~
图若看不清怎么办呢,点击"看不清"试试验证码的刷新效果吧~
代码光看不练也只是白学,没事了大家也都上手练练~
博客的内容到这里就结束了,最后的最后,求赞求关注哦~~
相关git代码链接:https://github.com/striner/front-end-development/blob/master/Login.html
阅读全文
0 0
- 验证码类的使用之登录界面的实现
- Java实现登录界面的验证码
- 登录界面中的验证码的使用
- 登录界面的验证码
- ASP.NET下登录界面验证码的实现
- 实现带有验证码的ajax局部刷新登录界面
- Java实现登录界面的验证码总结
- java图形登录界面验证码的实现
- 系统登录界面的验证码
- 登录界面验证码的生成
- 使用jq,angular实现登录界面验证码详解
- AndroidUI之登录界面的实现分析
- 登录验证码的实现
- 登录界面的实现
- 登录界面的实现
- Bootstrap的使用。。。之登录界面。。。
- 使用session验证的用户登录界面(简写)
- PHP之CURL实现含有验证码的模拟登录
- foxit phantompdf 破解版 | Foxit PhantomPDF Business(福昕风腾PDF企业版)V9.0.1.1049下载 | 含foxit phantompdf破解补丁
- 4216. 【NOIP2015模拟9.12】平方和
- java 统计文章中每个单词出现的次数
- 用JS写的N阶贝塞尔曲线升阶降阶以及拖拽
- 为什么Netflix没有运维岗位?
- 验证码类的使用之登录界面的实现
- AIDL的阐述
- 【GDOI2017 day1 T3】微信 && SAM学习小记
- Python中optparse(2.7版本后将被移除)转到argparse
- Spring 入门知识点笔记整理
- python 二维列表映射写入csv文件, 并上传OSS
- python基础笔记一
- HDOJ 2026 首字母变大写
- c++标准库