一:实现的效果如下
二:实现过程简单,只需要以下几步关键代码即可
1. 前端js代码(div部分)
<tr>
<td>验证码</td>
<td>
<div class="login-center clearfix">
<div class="login-center-input">
<input style="width: 70%;" type="text" name="cpacha" id="cpacha"
value="" placeholder="请输入验证码"
onfocus="this.placeholder=''"
onblur="this.placeholder='请输入验证码'">
<div class="login-center-input-text">验证码</div>
<img src="resources/admin/login/images/cpacha.png">
<img id="cpacha-img" title="点击切换验证码" style="cursor: pointer;"
src="get_cpacha?vl=4&w=150&h=40&type=loginCpacha" width="200px"
height="30px" onclick="changeCpacha()">
</div>
</div>
</td>
</tr>
<tr>
<td>操作</td>
<td><input type="button" id="queryBtn" value="查询"
style="margin-right: 120px;"> <input type="button"
id=