密码找回页面HTML原密码和CSS下载怎么 *** 作?

密码找回页面HTML原密码和CSS下载怎么 *** 作?,第1张

HTML+CSS+jQuery找回密码表单代码即可。

新建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异步加载


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/6142447.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存