JavaWeb验证码&登录&新闻发布

安离九歌

已于 2022-03-30 00:47:28 修改

阅读量1.5k

点赞数 15

文章标签： java web eclipse

于 2022-03-29 23:58:56 首次发布

本文链接：https://blog.csdn.net/qq_62331938/article/details/123835345

版权

前言

上次九歌分享了页面的跳转&JDBC 有了JDBC我们可以连上数据库啦，就可以开始做项目学习JavaWeb了，这次的项目是新闻发布系统，我会慢慢做，等完善版出来会做整个项目的文章，敬请期待。
老规矩：上思维导图
在这里插入图片描述

提示：以下是本篇文章正文内容，下面案例可供参考

一、完成简易验证码的制作

html部分代码展示

<body>
	<form action="dologin.jsp" method="post" onsubmit="return yzLogin()">
    <div id="login">
	
	     <div id="top">
		      <div id="top_left"><img src="images/login_03.gif" /></div>
			  <div id="top_center"></div>
		 </div>
		 
		 <div id="center">
		      <div id="center_left"></div>
			  <div id="center_middle">
			       <div id="user">用 户
			         <input id="xx" type="text" name="textfield" />
			       </div>
				   <div id="password">密   码
				     <input id="yy" type="password" name="textfield2" />
				   </div>
				   <div id="password">验证码
				     <input id="zz" style="width: 50px"type="text" name="textfield3" />&nbsp;&nbsp;&nbsp;
				     <span id="yzm" style="color:red;font-size:20px;cursor:pointer">XXXX</span>
				   </div>
				   <div id="btn">
				  <!--  <a href="#">登录</a><a href="#">清空</a> -->
				   <input type="submit" value="登录">
				   <input type="reset" value="清空">
				   </div>
			  
			  </div>
			  <div id="center_right"></div>		 
		 </div>
		 <div id="down">
		      <div id="down_left">
			      <div id="inf">
                       <span class="inf_text">版本信息</span>
					   <span class="copyright">管理信息系统 2008 v2.0</span>
			      </div>
			  </div>
			  <div id="down_center"></div>		 
		 </div>

	</div>
	</form>
</body>

JavaScript部分代码展示：

<script>
	$(function(){
   
		myf();
		//给验证码添加点击事件
		$("#yzm")

最低0.47元/天解锁文章

安离九歌

关注

15
点赞
踩
7

收藏

觉得还不错? 一键收藏
4
评论
JavaWeb验证码&登录&新闻发布

前言上次九歌分享了页面的跳转&JDBC 有了JDBC我们可以连上数据库啦，就可以开始做项目学习JavaWeb了，这次的项目是新闻发布系统，我会慢慢做，等完善版出来会做整个项目的文章，敬请期待。老规矩：上思维导图提示：以下是本篇文章正文内容，下面案例可供参考一、完成简易验证码的制作html部分代码展示<body> <form action="dologin.jsp" method="post" onsubmit="return yzLogin()">
复制链接

扫一扫