新建html文档。
2.书写hmtl代码。<div class="content"><div class="web-width"> <div class="for-liucheng"> <div class="liulist for-cur"></div><div class="liulist"></div><div class="liulist"></div><div class="liulist"></div><div class="liutextbox"><div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div><div class="liutext"><em>2</em><br /><strong>验证身份</strong></div><div class="liutext"><em>3</em><br /><strong>设置新密码</strong></div><div class="liutext"><em>4</em><br /><strong>完成</strong></div></div></div><form action="forgetPwd2.htm|" method="get" class="forget-pwd"><dl><dt>账户名:</dt><dd><input type="text" /></dd><div class="clears"></div></dl><dl><dt>验证码:</dt><dd><input type="text" /><div class="yanzma"><img src="yzm.gif" /><a href="#">换一换</a></div></dd><div class="clears"></div></dl><div class="subtijiao"><input type="submit" value="提交" /></div></form></div></div>
3.代码整体结构。
4. *** 作完成。
5.注意图标的路径。
做不到的。那个js脚本的功能是把用户输入的用户名和密码发送给路由器,路由器据此决定是否将用户重定向至管理界面还是拒绝访问。
重置路由器是解决忘记密码的唯一正确办法。
方法1:
两个都写了,用jquey控制显示、隐藏。
<button id="btn_reset_password">修改密码</button>
<button id="btn_get_password">找回密码</button>
<div id="reset_password">
</div>
<div id="get_password">
</div>
<script>
$('#btn_reset_password').on('click',function(){
$('#reset_password').show()
$('#get_password').hide()
})
$('#btn_get_password').on('click',function(){
$('#reset_password').hide()
$('#get_password').show()
})
</script>
方法2:
写在后端,用jquery异步加载
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)