您的位置：首页 > 编程语言 > Java开发

JavaWeb---产生验证码续上一篇（登录）

2017-09-03 13:48 302 查看

1.前续。

JavaWeb有许多种表现形式，如：html（静态的）jsp（动态可以修改的）xml、json，也可以简单的通过servlet的response对象返回数据给客户端显示在网页上，但是这种界面不是很友好，大部分界面都是动静结合的，今天介绍一个网页登录注册产生验证码的例子。

2.建立web工程：

2.1 Eclipse–>file–>new–>Dynamic web project/或者选择others 在对话框中搜索 web,然后就会出现Dynamic web，确定。

2.2 在Java Resources 的目录下的src的目录下新建产生验证码的源码，这个在上一篇中已经有做实验，这里不再阐述，然后在WebContent目录下的WEB-INF下新建一个html文件，这里命名为login.html。以下为我的实验代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>系统注册</title>
<script type="text/javascript">
function changeCode(){
var img = document.getElementsByTagName("img")[0];
//img.setAttribute("src","/webVeryCode/date?time="+new Date.getTime());
img.src="/webVeryCode/date?time="+new Date.getTime();
}
</script>
</head>
<body>
<form action="#"method="post">
用户名:<input type="text"name="usrName"/><br>
密码:<input type="password"name="pwd"/><br>
验证码:<input type="text"name="code"/>
<img src="/webVeryCode/date">
<a href="javascript:changeCode()">看不清换一张</a><br>
<input type="submit"value="登录"/><br>
</form>
</body>
</html>

3测试结果：

在浏览器或者Eclipse的浏览器地球图标中输入：http://localhost:8080/webVeryCode/login.html 即能产生如下的效果图：

4html代码解析：

form 标签用于为用户输入创建 HTML 表单

action 用于提交表单的时候，规定当提交表单时向何处发送表单数据。通常为一个URI.

method 取值为get、post

input 为form标签中的元素，input具有几个属性，其中一个常用的属性type(取值有：button checkbox file hidden image password radio reset submit text)、value、name.

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航