用jquery实现简单的登录框默认值的消失与出现

最新推荐文章于 2020-09-26 05:46:15 发布

lipingqingqing

最新推荐文章于 2020-09-26 05:46:15 发布

阅读量2k

点赞数

文章标签： jquery function login jsp input border

本文链接：https://blog.csdn.net/lipingqingqing/article/details/6501212

版权

这里需要用到jquery的事件处理，当然这相比起JS来，已经很简洁了，和它的口号“多学一点，少写一点”名副其实。

首先建立一个JSP页面，如下：

Code:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>jquery1.4.2</title>
<link type="text/css" rel="stylesheet" href="css/login1.css"></link>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/login1.js"></script>
</head>
<body>
<h1 align="center">用户登录页面</h1>
<hr>
<div align="center">
<table cellspacing=5 border=5 bodercolor=#ffaa00 >
<tr><th colspan="3" align="center" bgcolor=#ffaa00>用户登录</th></tr>
<tr>
<th rowspan="3" background="images/2.jpg" style="width=90px"></th>
<td>用户名：</td><td><input type="text" value="please input your name" name="username"></td></tr>
<tr><td>密码：</td><td><input value="123456" type="password" name="userpassword"></td></tr>
<tr><td colspan="2" align="center"><input type="submit" value="登录"> <input type="reset" value="重置"></td></tr>
</table>
</div>
</body>
</html>

这里采用了，从外部引入jquery的js文件，下面我们建立login1.js文件，如下:

Code:

到这就写完了，运行jsp文件即可。

关注